Agenda

• To teach people react with a design-first approach
• cover basic foundational knowledge of react and it’s core philosophies
• cover a UI based project in the end or throughout the session — Design from figma to React Code
• completely hands-on, no extra PPTs, Everything open-sourced

Cover Best Practices throughout the series of sessions

Topics to cover

1. Why React over Vanilla JS
2. Talk a little about the design-first philosophies React is built on
3. Basic React Project Structure and File System
4. Components in React
5. Routing Techniques
6. States and state-management principles
7. Some common & important Hooks in React - useState(), useEffect(), useContext(), useTransition(), useRef()
8. Creating custom hooks in React