A hands-on course from zero to building real components
What React is, the Virtual DOM, project structure, JSX, components, props, and state — your first working React code.
Session 02Handling user events, conditional rendering with if/ternary, rendering lists with map, and managing keys in React.
Session 03How useEffect works, controlling when effects run, fetching data from an API, loading states, error handling, and cleanup.
Session 04Controlled inputs, form submission, validation, and navigating between pages with React Router.
Session 05Put it all together — build a Movie Search App from scratch using components, state, effects, the API, and deploy it.
Session 07Master 1D and 2D layouts — then build a fully interactive, color-coded Periodic Table of Elements with CSS Grid and make it responsive.
Session 08Write layouts that adapt to any screen — mobile-first strategy, breakpoints, fluid typography with clamp(), responsive images, and container queries.
Session 09From prop drilling to global state — useContext, useReducer, and the Context + useReducer pattern. Build a live shopping cart with zero prop drilling.
Session 10Why components re-render, React.memo, and memoizing values and functions with useMemo and useCallback — with live render-counter demos.
Session 11Extract and reuse stateful logic with custom hooks — build useCounter, useLocalStorage, useDebounce, and useFetch with live interactive demos.