All the codes, notes, and ideas from the Reactive Accelerator course will be added here.
NOTE: Notes will be added by Module name
- ROADMAP
- MISSIONS
- USED PACKAGES
- TOOLS
- ARTICLES
- DO NOT FORGET TO DO
- TUTORIALS
- INSPIRATIONS
- CONTRIBUTE
- SPECIAL THANKS
- LICENSE
Module 0 - Introduction to course
0.1 Reactive Accelerator - Course intro
0.2 How to enroll in Reactive Accelerator course
0.3 How to get the most out of Reactive Accelerator course
0.4 How to submit quizzes in Reactive Accelerator course
0.6 How to deploy your project to Vercel free
0.7 How to submit Assignments in Reactive Accelerator course
0.8 How to maintain multiple GitHub remote URLs
Module 1 - Getting Started with React: Describing the UI
1.2 React Installation & Development Environment Setup
1.3 How React works: Virtual DOM
1.4 - Basics of React Components: Your first component
1.5 - Basics of React Components: Importing & Exporting Components
1.6 - Basics of JSX: React's Markup - Writing Markup with JSX
1.7 - Basics of JSX: React's Markup - JavaScript in JSX with Curly Braces
1.8 - Understanding Props - Passing Props to a Component
1.11 Pure Components: Keeping Components Pure
1.12 Understanding Complex React UI
Module 2 - Going Deep into React : Adding Interactivity
2.1 Responding to Events - Adding Event Handlers
2.2 Responding to Events - Event Propagation
2.3 Understanding State: A Component's Memory
2.4 How state works in React - A deep dive
2.7 Queueing a Series of State Updates
2.8 Updating Objects in a State
2.9 Updating Arrays in a State
2.10 Project Tutorial- Tasker: Streamlining Success with React-Powered Task Management
Module 3 - React State Management Deep Dive
3.1 Declarative vs Imperative UI
3.2 Thinking about UI declaratively in React - Finding Visual States
3.3 Thinking about UI declaratively in React - Finalize React states & Connect Event Handlers
3.4 Choosing the State Structure - Group related state
3.5 Choosing the State Structure - Avoid contradictions in state
3.6 Choosing the State Structure - Avoid redundant state
3.7 Choosing the State Structure - Avoid duplication in state
3.8 Choosing the State Structure - Avoid deeply nested state
3.9 Sharing State Between Components - Lifting state up
3.10 Preserving and Resetting State - Default behavior
3.11 Resetting state at the same position - Changing Default behavior
3.12 Extracting State Logic into a Reducer - Example project
3.13 Three steps to Consolidate state logic with a reducer
3.14 Comparing useState and useReducer - How to write reducers well
3.15 Writing concise reducers with Immer
3.16 Passing Data Deeply with Context - Introduction to Context API
3.18 Context passes through intermediate components
3.19 Some notes and use cases for Context
3.20 Scaling Up with Reducer and Context
3.21 Project Tutorial - CineRental: Your One-Stop React App for Movie Magic and Rentals
Module 4 - Advanced React: Escape Hatches
Module 5 - React Beyond Basics: Ecosystem & Use Cases
Module 6 - React Anti patterns: Mistakes You Must Avoid
- use-immer - A hook to use immer as a React hook to manipulate state
- react-icons - Include popular icons in your React projects
Contributions are always welcome! Please read the contribution guidelines first.
To the extent possible under law, Ｍ ♢ ＮＴ Λ ＳＩＭ has waived all copyright and related or neighboring rights to this work.
|
|
|
|
|
|
|
|---|