ES6. If you have knowledge gaps in ES6 this is the good time to fill them in. The most important things to learn here are arrow functions, destructuring, let/const, import and classes. There are tons of material to learn ES6 in this GitHub repository.
React. Now you can start digging into React. My advice is keep it simple as in this stage it’s important to understand core React concepts, like components, props, state and etc. This is a good time to experiment and build small apps and see what React can do. Start with the official React documentation.
Webpack. Now it’s a good time to start learning Webpack. For people who don’t know what this tool does, Webpack is a build tool that allows us to take all of our assets and turn them into a production-ready bundle. And it is the de facto way to build React apps. Currently, it is the most popular build tool in the front-end world. To get started check the official documentation.
If you wonder why I listed Webpack almost at the end, the reason is quite simple. For new people who are starting to learning React it’s overwhelming to take all at once and it’s better to spend time digging in the React core concepts and only then configuring build tools.
MobX / Redux. Both are responsible for state management. In my opinion, it’s better to start working with MobX for simpler UI’s as it’s less complicated. Just don’t skip Redux since it has some important features that MobX doesn’t have and it’s important to understand what those features are before you decide what’s right for your app/project. To learn MobX start with the official documentation. Same goes for Redux, you can find the official documentation here.
After you complete all modules you should be comfortable to build awesome apps with React. Also, you will acquire one of the most important skills in the Frond End world.
For now, that’s it and thank you for reading.