- 01 Support
div
element - 02 Support other html elements
- 03 Functional components
- 04 Component composition
- 05 Class components
- 06 Separate js code
- 07 Stateless components
- 08 Class component props
- 09 Handling events (html attributes)
- 10 Component state
- 11 JSX
- 12 Component lifecycle
- 13 Context provider and consumer
- 14 Routing
- 15 Presentational vs container components
- 16 App state
- 17 Connect to app state
--- TODO ---
- 17 Thunk middleware
- 18 High order components
- 19 State hook
- 20 Effect hook
- Write a "build your own X" project, where X is (a part of) a JavaScript library
Examples
- vue, https://vuejs.org/
- koa, https://koajs.com/
- express/koa/react router