From vanilla to modern JS.
- Inheritance and the prototype chain
- Closures – here and here
And of course, anything else you find useful/missing for you.
- ES6 Overview in 350 Bullet Point – to get a quick idea about what’s new. Here, I also got enough info about template literals, destructuring and spread without the need to go any deeper.
- Let & Const
- Arrow Functions
You will need these things, so I suggest to cover them well and anything else you find useful.
Terminology & Ecosystem
Whenever I enter into new technology, it’s confusing for the first few days, until I connect all the dots, terminology and ecosystem, let’s see:
The good thing is that, for starting with React, you don’t need to know a lot about these things. You merely have to have a general overview of what they are and do.
- You will use npm to fetch dependencies for your project and run tasks like building, starting the app, etc.
You will initially use create-react-app to bootstrap your React app with no build configuration – Babel, Webpack, and other things will already be configured and hidden from you, so you can focus on React. Later, if you need some custom configuration, you can eject.
Start with the official docs:
- Quick Start – complete all the articles!
- Advanced Guides – complete all the articles!
- Higher Order Components – additional material for understanding HOC
- Create a React App – how to perform common tasks
- Smart & Dumb Components
After this, you will have solid basic knowledge of what React is and how it works, but also many questions, so it’s time to get your hands dirty and practice on your own project!
The Playground Project
My playground project goals were to practice:
- React basics
- Project organization and structure
- Using libraries
- Creating and using modules
- Using REST API via fetch
- Deploy to AWS
- Configure CI
- And generally getting comfortable, making conclusions and generating questions.
My next focus will be to learn Redux:
This is just tip of the iceberg, but an excellent way to start!