The goal of this exercise is to learn how to think in React. There are thousands of tutorials online but there's no better way to learn than hacking it yourself.
You need to be comfortable writing JavaScript (ES6: Module system, class, destructuring assignment).
You need to have nodeand npminstalled in your computer.
The focus will be given to React but to create a simple workflow, we will need a few tools (JS fatigue):
- Webpack
- Babel-loader
- Jsx support
- Live reloading (Live-server)
Oh no, you won't need that! We promised you React on the menu so let's focus on React!!
We've added everything you need so you don't need to know anything about it unless you're very curious.
Just run npm startand you'll be good to go.
Just clone this repository and run npm start
An example of the application is available here
- Everything is a component
- Components in React are pure functions
- Container components vs presentational components
- Props vs State
- State management with Redux
- Developer tools for React
This material is available for private, non-commercial use under the GPL version 3.