- JS Frameworks 👨🎨
- Component based web development 📦
- JSX
- Introduction to React
- Create React App
- Rendering elements with React 📝
- Assignment introduction
- Setup a CRA project
- Render some custom elements.
- Introduction to TypeScript
- Naming conventions and project structure (examples)
- Components, props, prop validation
- Create a component with type-safe props.
- Create interactive state.
- Pass state through props.
- Use DOM events (such as onClick).
- Fetch data in useEffect hook.
- Render a list of items.
- Conditionally render something based on a statement.
- Setup React Router v6.
- Add at least two pages to navigate between.
- Global state management (concept)
- React hooks: useContext 🪝
- Use context with useState.
- Introduction to other React hooks: useRef, useCallback, useMemo
- Deploying a React app 🚀
- Deploy the app.
- Assignment presentations