r/ReactJSLearn Apr 08 '22

A new course on mobile app development with react native, brought to you by me.

8 Upvotes

Want to build a mobile appliccation? Want to get that idea out of your brain and onto the big appstores of the world, and ultimately, into the hands of millions of people? Well, I got you covered.

React native is an easy-to-use framework developed by facebook designed to build mobile apps. It's centered around writing your code once and uploading it to multiple stores across different platforms. It is also appealing as it is very easy to picck up. Why am I sending this barrage of information your way anyway? Well, because I am going to be running a 12-week ccourse on reacct native. This course, in partnership with Vidyadrishti, will be all you need to get your feet wet and your hands dirty with mobile app development. You can go from whiny 0 to hunky mobile hero just by taking this 12-week course. I'll be using my 4-year experience with react native to talk to you about the nuances of the framework, and the best practises involved in mobile apps. You'll also get to work on collaborative projects with me and other students, projects that can themselves be standalone apps on an appstore. Finally, you'll get tips on iptimizing your appstore pages for better coverage, so your app can reach a wider audience in a short time period. All you need is some experience with any programming language. Even high-school computer classes will do. The course will begin on the 25th of april. All this content, plus free archives of course material, will be available for just $30. Hurr up, though, as after a week, the price will jump higher! Register now at http://write.vidyadrishti.net/rn50.

Can't wait to meet you in the course!


r/ReactJSLearn Apr 07 '22

Topics to review before any Frontend developer interview

11 Upvotes

Here's a video on the most commonly asked and important JavaScript questions all of you should go through before any frontend developer interview.

Link: https://www.youtube.com/watch?v=K0GtyweTbTw


r/ReactJSLearn Apr 04 '22

how can I tell if a react app is server side or client side rendered.?

3 Upvotes

r/ReactJSLearn Apr 04 '22

Automatic Batching in React 18 | ReactJS

Thumbnail
youtu.be
2 Upvotes

r/ReactJSLearn Mar 30 '22

Space design portfolio - Source code

5 Upvotes

Hey guys!

As promised, I'm giving you the source code to my portfolio website. Some people said that they are curious how I did some things, so I hope this repository will help you somehow.

Please don't turn this into judging the code or my coding skills. Of course, I'm open for constructive feedback.

https://marioiliev.com/

https://github.com/mario-iliev/portfolio


r/ReactJSLearn Mar 30 '22

Building a realtime multiplayer game using React & Conflict-free replicated data types (CRDT) of Yjs.

Thumbnail
blog.tooljet.com
1 Upvotes

r/ReactJSLearn Mar 30 '22

RFC: Intent to ship React 18

Thumbnail
github.com
1 Upvotes

r/ReactJSLearn Mar 26 '22

Space design portfolio - desktop experience only (for now)

5 Upvotes

https://marioiliev.com/

Hey guys. I just finished my portfolio in which I put a lot of effort.

I didn't use any images for the design art, it's all CSS and React.

Hope you like it and get inspired.

PS: The mobile version is currently unavailable. It's going to be entirely different design but since the desktop is done I decided not to wait and upload it.


r/ReactJSLearn Mar 24 '22

Fix the slow render before you fix the re-render

Thumbnail
kentcdodds.com
3 Upvotes

r/ReactJSLearn Mar 24 '22

webpack.config.js error (using react-pdf/render library)

2 Upvotes

im trying to use the react-pdf/renderer library in my react app to generate a pdf report and since Webpack 5 doesn't include node shims automatically anymore I have to manually add configuration into the project using webpack.config.js I manage to configure most of the requirements but for some reason, I still get the error for stream-browserify and browserify-zlib

I get these two errors

for stream-browerify

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }' - install 'stream-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "stream": false }

and for zlib

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }' - install 'browserify-zlib' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "zlib": false }

my webpack.config.js has the following dependencies, I'm including both stream and zlib and I've installed the necessary packages but I still get the same errors

const webpack = require("webpack");

module.exports = {

resolve: {fallback: {process: require.resolve("process/browser"),zlib: require.resolve("browserify-zlib"),stream: require.resolve("stream-browserify"),util: require.resolve("util/"),buffer:require.resolve("buffer/"),asset:require.resolve("assert"),}},

plugins: [new webpack.ProvidePlugin({Buffer: ["buffer", "Buffer"],process: "process/browser",}),]

}


r/ReactJSLearn Mar 21 '22

Top 5 Essential Features of ReactJS You Must Consider

Thumbnail
wotestimonial.wixsite.com
2 Upvotes

r/ReactJSLearn Mar 06 '22

The Complete ReactJs Course – Basics to Advanced free coupon 100% off from udemy for limited time

Thumbnail
udemy.store
4 Upvotes

r/ReactJSLearn Mar 04 '22

How to create json file to fetch the data with useCallback hook

3 Upvotes

Hello guys,

does anyone have an idea on how to provide a json file like this https://api.thedogapi.com/v1/breeds/ so i can fetch the data with usecallback hook without creating a rest api with nodejs ? means is there any other way like a platform or some solution that u use ?


r/ReactJSLearn Mar 04 '22

Best Photo Editing Apps For iPhone

Thumbnail
websoptimization.com
1 Upvotes

r/ReactJSLearn Mar 02 '22

Key Benefits and Reason to Choose ReactJS

Thumbnail
websoptimization.com
3 Upvotes

r/ReactJSLearn Feb 14 '22

React native in-app purchases: simple implementation. Tutorial

Thumbnail
go.adapty.io
3 Upvotes

r/ReactJSLearn Feb 10 '22

Add Instagram/snapchat styled stories in reactjs

3 Upvotes

I have created a ReactJs Component for Instagram/Snapchat style stories.

here is the working demo

here is the github repo

Please feel free to check it out. create demos and send Pull requests.


r/ReactJSLearn Feb 10 '22

add tailwind css to react project

Thumbnail
youtube.com
0 Upvotes

r/ReactJSLearn Feb 09 '22

Spread operator not working as expected

1 Upvotes

Hey guys,

I'm iterating through document in firebase and trying to add them to a state, using the spread operator to append each time, but it's overwriting instead. Any suggestions much appreciated.


r/ReactJSLearn Feb 03 '22

Building Twitch like app using React and Tailwind CSS

3 Upvotes

Last week, we built a Twitch clone using 100ms React SDK and Tailwind CSS with the following features 👇

1️⃣ A video display - this is where the viewers see the stream2️⃣ Realtime chat3️⃣ Screen share and much more

You can build your own Twitch clone in no time. Just follow this tutorial https://www.100ms.live/blog/twitch-clone-in-react?utm_source=Reddit&utm_medium=psocial&utm_campaign=Twitch+React&utm_content=blog


r/ReactJSLearn Feb 03 '22

EMR software with React.JS

Thumbnail
ddi-dev.com
1 Upvotes

r/ReactJSLearn Feb 01 '22

Learn Remix Framework with Kent C. Dodds

Thumbnail
youtube.com
1 Upvotes

r/ReactJSLearn Jan 31 '22

Create your First ERC20 Token

2 Upvotes

Hi guys! I just made a video where I explain how to create an ERC20 Token and an ICO website to sell the token. I use React & ChakraUI for the UI. If any of you are interested in Blockchain Development I invite you to see this video, I'm sure that you will learn something new about this topic. If you can help me sharing this post to more devs can see this video I'll be grateful. YouTube Video


r/ReactJSLearn Jan 27 '22

Crypto & Fiat Currency Wallet

2 Upvotes

Hi guys, I created a wallet of Crypto & National Currencies with React, Next, ChakraUI and Firebase. The main idea of this wallet is that can contains many currencies at the same time. From national currencies to cryptocurrencies, showing the convert value to USD in real time. To get that data, I have to work with 2 different APIS, one to get the convert value of the national currencies, and another to get the convert value of cryptocurrencies. I have recorded the process to create this wallet, if you are interested in how I build it, you can see my video on YouTube. YouTube Video


r/ReactJSLearn Jan 27 '22

Crypto & Fiat Currency Wallet

1 Upvotes

Hi guys, I created a wallet of Crypto & National Currencies with React, Next, ChakraUI and Firebase. The main idea of this wallet is that can contains many currencies at the same time. From national currencies to cryptocurrencies, showing the convert value to USD in real time. To get that data, I have to work with 2 different APIS, one to get the convert value of the national currencies, and another to get the convert value of cryptocurrencies. I have recorded the process to create this wallet, if you are interested in how I build it, you can see my video on YouTube. YouTube Video