React Foundations
- [ ] What is React (SPA, component-based UI)
- [ ] Create React app (Vite)
- [ ] Folder structure (src, components, pages, assets)
- [ ] JSX basics (JS inside JSX, expressions)
- [ ] React rendering mental model (UI as a function of state)
Components
- [ ] Functional components
- [ ] Component naming rules + export/import
- [ ] Component composition (reuse smaller components)
- [ ] Passing children (
props.children)
- [ ] Conditional rendering (if, ternary, &&)
- [ ] Rendering lists (
map)
- [ ] Keys in lists (why keys matter)
Props
- [ ] Props basics (pass data parent → child)
- [ ] Props destructuring
- [ ] Default props patterns
- [ ] Prop drilling (problem awareness)
- [ ] Passing functions as props (child → parent communication)