|
| 1 | +### Before you go |
| 2 | +- Get familiar with [Javascript]() |
| 3 | + |
| 4 | +### Kick start |
| 5 | +- [Official Tutorial](https://reactjs.org/tutorial/tutorial.html) |
| 6 | +- [Read the docs!](https://reactjs.org/docs/hello-world.html) |
1 | 7 | ### Basics |
2 | | -- "Hello, World!" with create-react-app |
3 | | -- React Component |
| 8 | +- ["Hello, World!" with create-react-app](https://reactjs.org/docs/hello-world.html) |
| 9 | +- [Components & Props](https://reactjs.org/docs/components-and-props.html) |
4 | 10 | - Popular ES6+ features using in React Apps |
5 | | - - [Arrow Methods](http://babeljs.io/learn-es2015/#ecmascript-2015-features-arrows-and-lexical-this) |
| 11 | + - [Arrow Functions](http://babeljs.io/learn-es2015/#ecmascript-2015-features-arrows-and-lexical-this) |
6 | 12 | - [Object Destructuring](http://babeljs.io/learn-es2015/#ecmascript-2015-features-destructuring) |
7 | 13 | - [Classes](http://babeljs.io/learn-es2015/#ecmascript-2015-features-classes) |
8 | | - - Static fields |
| 14 | + - Static fields <!-- What does this mean? --> |
9 | 15 | - Communicating Between Components |
10 | 16 | - Parent To Child using 'props' |
11 | 17 | - Child To Parent using 'callbacks' |
|
16 | 22 | - Create a simple login form with React |
17 | 23 | - Accessing DOM Elements from React Components |
18 | 24 | - [Thinking in React](https://reactjs.org/docs/thinking-in-react.html) |
| 25 | +- [Handling Errors](https://reactjs.org/docs/error-boundaries.html) |
19 | 26 |
|
20 | 27 | ### Intermediate |
21 | | -- CSS in JS (Aphrodite) |
22 | | -- React's Synthetic Event System |
23 | | -- React Router |
| 28 | +- CSS in JS |
| 29 | + - [styled-components](https://www.styled-components.com/) |
| 30 | + - [glamorous](https://blog.kentcdodds.com/introducing-glamorous-fb3c9f4ed20e) |
| 31 | +- [React's Synthetic Event System](https://reactjs.org/docs/error-boundaries.html) |
| 32 | +- [React Router](https://reacttraining.com/react-router/core/guides/philosophy) |
24 | 33 | - SSR |
25 | 34 |
|
26 | 35 | ### Advanced |
27 | | -- Animations |
| 36 | +- Animations |
28 | 37 | - Redux (An entirely different topic altogether) |
29 | | -- Webpack (This might require a different roadmap altogether |
| 38 | +- Webpack (This might require a different roadmap altogether) |
30 | 39 | - [React Under The Hood](https://bogdan-lyashenko.github.io/Under-the-hood-ReactJS/) |
0 commit comments