- A re-introduction to Java
- 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 quick idea what’s new. Here I also had enough info about template literals, destructuring and spread without 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
Every time when 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:
You will use create-react-app initially to bootstrap your React app with no build configuration – Babel, Webpack and other things will be already configured and hidden from you. So you can focus on React. Later, if you need some custom configuration you can eject.
Before you start, you will need an IDE / editor, I suggest WebStorm, but seems like Visual Studio Code is also a good option.
Start with official docs:
- Quick Start – complete all articles!
- Advanced Guides – complete all articles!
- HOC – additional material for understanding Higher Order Components
- Create React App – how to perform common tasks
- Smart & Dumb Components
After this you will have solid basic knowledge 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!
I had few goals with my playground project, 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.
The result is mini app React Countries and source code on GitHub. Feel free to explore 🙂
My next focus will be to learn Redux:
This is just tip of the iceberg, but good way to start!