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)