React & Next.js
The component model, the render cycle, and the App Router patterns underneath a real production app — not just JSX syntax, but why re-renders happen and where server and client actually split.
18 lessons
Beginner
What React actually is — the component modelBeginner3 min read·Not startedJSX — what it actually compiles toBeginner3 min read·Not startedProps and one-way data flowBeginner4 min read·Not startedState and useStateBeginner4 min read·Not startedThe render cycle — why components re-renderBeginner4 min read·Not startedHandling events in ReactBeginner4 min read·Not started
Intermediate
useEffect — synchronizing with external systemsIntermediate4 min read·Not startedThe dependency array — what it actually controlsIntermediate5 min read·Not startedLifting state up and prop drillingIntermediate4 min read·Not startedContext — passing data without prop drillingIntermediate4 min read·Not startedCustom hooks — extracting reusable logicIntermediate4 min read·Not startedKeys, lists, and reconciliationIntermediate4 min read·Not startedThe Next.js App Router — file-based routingIntermediate3 min read·Not started
Advanced
Server Components vs Client ComponentsAdvanced5 min read·Not startedRendering strategies — SSR, SSG, ISR, and CSRAdvanced5 min read·Not startedData fetching in Next.jsAdvanced4 min read·Not startedPerformance: useMemo, useCallback, and React.memoAdvanced4 min read·Not startedCommon React bugs and gotchasAdvanced5 min read·Not started