React

Estimated duration: 36 hours (8 modules, 32 lessons + 2 assignments + capstone)

What you will learn

• Create a React project with a build tool, write components in JSX, import/export them and embed JavaScript in markup
• Describe UIs with props, conditional rendering and keyed lists, keeping components pure
• Add interactivity with event handlers and state, explain render/commit and state as a snapshot, queue updates and update objects and arrays immutably
• Structure and share state: minimal state, lifting state up, preserving and resetting state with keys, reducers and context
• Use escape hatches correctly: refs, effects with cleanup, avoiding unnecessary effects, and custom hooks
• Fetch data with loading/error states and race-safe effects, build controlled and action-based forms, and keep UIs accessible in RTL and LTR
• Add client-side routing, reason about performance (memoisation and the React Compiler), use developer tools, and build and deploy safely
• Apply "Thinking in React" to plan, build and publish a complete app

Who it is for: learners who can build an interactive page in plain JavaScript and want to build component-based apps

Prerequisites: CRS-GEN-JAVASCRIPT (functions, arrays and objects, destructuring and spread, modules, promises and fetch)