DEV Community 👩‍💻👨‍💻

Cover image for How to start learning React.js
Divyesh Parmar
Divyesh Parmar

Posted on

How to start learning React.js

Hello everyone, I am back again to dev.to after almost a month. I have been giving interviews and after almost 45 interviews I realized that Node.js and Express.js and their projects on my resume won't let me land at a job.

So I want to start learning React

Though there are many things that come with it, and I'm unsure of the order in which I should proceed.

  • React DOM,
  • RxJS,
  • Babel,
  • Redux

and all the other things.

Also I will keep on creating my own ideas of web apps with it, but please suggest some OpenSource/Github projects that I should be looking forward to after learning it and have a grasp on the subject.

Also suggest on how to move towards React Native with it.

Please suggest/advice/guide some kinda pathways to learn this and be able to create commercial level web apps that really puts me in big league so that I can get a job and moreover I can solve more complex real life problems to put them on a website form to solve it

Current set of resources at my disposal

  • Book - the Road to learn React
  • Net Ninja's YouTube playlist
  • Reactjs.org official documentation ( but I'm not sure how to start reading it, I have never read Node.js documentation that way )

You guys can see my current web apps live on heroku, I have posted all of them with my resume here in this twitter thread

Top comments (12)

Collapse
 
paulooze profile image
Pavol Porubský • Edited on

Do you have solid understanding of "vanilla" javascript (I assume you have, as you mentioned node and express)? React itself is not that hard to start with, if you are somehow proficient with javascript. I recommend official React documentation (I think this is an awesome tutorial to start with). Drop RxJS for now, as it's not really needed to understand React. If you have few bucks to spend, I recommend Stephen Grider's course on Udemy (there are few of them, start with the beginner's one, then eventually continue with more advanced ones if you want). Last thing, feel free to use create-react-app for now, skip webpack/babel/eslint configuration (it's unnecessary overhead for a beginner) and just dive into creating apps. Good luck with learning.

Collapse
 
oathkeeper profile image
Divyesh Parmar • Edited on

ahh okay and that way I can showcase my webapps by committing code on Github. Do you think there are any other Open Source projects to learn along with. Thank you :)

Collapse
 
whoisryosuke profile image
Ryosuke

Make sure to check out awesome-react, it has some great resources.

I also have a playlist on YouTube with React tutorials and talks if visuals and audio are more your thing 🎥 There are some great talks in there that discuss concepts you'll tackle in React.

Collapse
 
oathkeeper profile image
Divyesh Parmar

Wow thank you so much for sharing your playlist, I do watch more videos and code, also read so much more but for starters only videos. I started working on it, since few days. Will show you the apps I will build.

Collapse
 
whoisryosuke profile image
Ryosuke

yeah I love videos to start with, gives you way better context jumping into things like documentation or tutorials. Looking forward to seeing some of the apps! ⚡️🤘

Collapse
 
markerikson profile image
Mark Erikson

Keep it simple! Don't worry about Redux, RxJS, or Babel at all yet. Focus on learning Javascript, and React by itself.

The "Getting Started" page in the React docs was just updated - you should start there.

Also, see my suggested resources for getting started with React, the list of resources in the Reddit /r/reactjs "Beginner's Questions" thread, and my React/Redux links list.

Collapse
 
oathkeeper profile image
Divyesh Parmar

Thank you first of all, and yes I'm more worried about starting to contribute to open source/Github as soon as I learn it.

Collapse
 
moonbury profile image
Keith

Hi Divyesh,

I started learning ReactJS for 1 month and my suggestion is to go through the tic-tac-toe tutorial from official ReactJs, then follow Kirupa's website. kirupa.com/react. After that, tackle the Advance topic Docs from official ReactJs and start Redux. Good luck.

Collapse
 
oathkeeper profile image
Divyesh Parmar

Thank you for suggesting some hands on experience. I would have never known about kirupa.com if it weren't for you.

Collapse
 
kauresss profile image
Kauress

make your own react components library (navbar, tabs, forms, profile pages etc). I suggest Kirupa as someone else did

Collapse
 
oathkeeper profile image
Divyesh Parmar • Edited on

okay I'm yet to reach at that level but yeah I'm noting it down for near future.

Collapse
 
sait profile image
Sai gowtham

18 Useful Github Repositories Every Developer Should Bookmark

18 Useful GitHub repositories every developer should bookmark: everything from learning resources and roadmaps to best practices, system designs, and tools.