So you want to learn React.js?
First, make peace with the fact that you need to learn more than just React to work with React. This is a good thing, React is a library that does one thing really well, but it is not the answer to everything.
However, identify whether what you are currently learning is React or not, mainly so that you don’t get confused about your effort to learn React itself. A programmer who is comfortable with HTML and one other programming language will be able to pick 100% of React in 1 day or less. A beginner programmer should be good enough with React in a about a week. This is not counting the tools and other libraries that complete React like for example, Redux or Relay.
- The new features of the object literal
- Template strings
- Block scopes and the use of let and const
- Arrow functions
- Destructuring, arguments defaults, rest and spread operators
- Classes and inheritance (used slightly in defining component, but to be avoided otherwise)
- Class field syntax to define methods with arrow functions (Stage 3 feature)
- Promise objects and and how to use them with async/await
- Importing and exporting modules
You don’t have to start with ES2015, but you do need to eventually learn it (and not because you are learning React).
So other than ES2015 stuff, you need to learn the following to be a productive React developer.
The APIs of React, ReactDOM, ReactDOMServer: These are not big APIs really, we are talking about maybe 25 different things and you would rarely use them all. The official React documentation is actually a very good starting point (it has gotten a lot better recently), but if it still confuses you, watch an online course, read a book, or join a focused workshop. Your options are endless here, but be careful what you pick and make sure it has a focus on React itself and not its tools and ecosystem.
React ecosystem libraries: Since React is just the UI language, you will need tools to complete the picture and go beyond even MVC. Don’t start here until you are very comfortable with React itself. I will give you two things to focus on, just forget everything else you encounter and learn these two first once you are done with React itself: react-router and redux.
Right after getting comfortable with the raw concepts of React itself, build a React Native app. You will only truly appreciate the beauty of React once you do that. Trust me.
During your learning process, the best thing you can possibly do is build stuff with your own hands. don’t copy paste examples, don’t follow instructions blindly, but rather, mirror the instructions to build something else (ideally, something you care more about). Whatever you do, just do not build a TODOs app.
This article was originally published here