The purpose of this guide is to provide a list of several free ressources (articles
0) ES5 foundations and others basics
Before digging into ES6, let's make sure that we understand some ES5 common concepts:
📖is the perfect reminder to learn JS and review some general programming concepts.
🎬, those videos are made by a former Spotify JS developer. He will teach you essential concepts like Promises (this is ES6 but it's okay!), Closures or Higher Order Functions. Those things are essentials in React.
📝, if you come from another programming language, you might feel unconfortable with how we can declare variables in JS. This article will help you to feel better!
📝, what ever the language you use, it's always important to write automatic tests!
🎬Firefox or Edge also have their own devtools, but I personnaly prefer using Chrome ones when coding.
1) ES6 / ES2015
📝, you will learn basics about npm, Babel, Webpack etc.. and the history behind it.
📝How it's done now. From the basics to advanced topics with simple, but detailed explanations.
- Understanding ECMAScript 6
- Learn ES6 (ECMAScript 2015)
- Composition over Inheritance
🎬this is not directly realted to ES6 but he uses ES6 syntax.
The official doc is awesome! However if you need different point of views / styles then you can look at the following links:
- Road to React
📖it also covers some ES6 features, you can "buy" it for free.
- Start Learning React
- Jest Getting Started
📝automated tests in React
🆚 Class Components
- React Lifecycle Methods Diagram
📝, this will help you to understand how a Class component lives and dies.
- Higher Order Components: A React Application Design Pattern
- Render Props
At some point you might think it would be nice to have access to some kind of global variable in any React component in order to avoid passing down props again and again... People might tell you to use Redux
So you've learned about pros and cons about MobX or Redux but you're not sure which one is better? As always it will depend of your taste, your personality, your experience, your team, the project you are working on etc... There isn't a bad choice.
If you want to learn more about Mobx or Redux then I would recommend their official docs and those links (you will notice that there are much more Redux links because I kinda prefer it
- Manage Complex State in React Apps with MobX
- Understanding Redux: The World’s Easiest Guide to Beginning Redux
- Getting Started with Redux
- Building React Applications with Idiomatic Redux
3) Are you ready!?
- Create your first React App: on your machine
💻or within your browser 🌐
- More links
You really should have a look to Wes Bos courses