</>DevThesis
HomeCurriculumReact/Next.js

React/Next.js

React 18 Virtual DOM reconciliation, Server Components (RSC), Next.js App Router, SSR/SSG rendering, and state management.

1React Fiber Reconciliation & Hook Internals

Virtual DOM diffing heuristics, React Fiber linked-list work loops, double buffering, and hook call-order invariants.

React Fiber Reconciliation & Hook Internals

Master Virtual DOM diffing heuristics, React Fiber linked-list traversal, time-slicing work loops, and hook array invariants.

React Fiber Reconciliation & Hook Internals

Master Virtual DOM foundations, analyzing linear O(N) diffing heuristics, the React Fiber linked-list work loop, double buffering, and hook call-order linked-list invariants.

2Next.js App Router Architecture & Routing

App Router conventions, Server Components vs Client boundary, Route Groups, and Parallel/Intercepting routes.

Next.js App Router Architecture & Routing

Understand the App Router directory hierarchy, layout state preservation, route groups, and intercepting modal routing.

Next.js App Router Architecture & Routing

Explore the Next.js App Router architecture, understand React Server Components (RSC) vs Client Component boundaries, and configure advanced route groups and intercepting modal routes.

3Server-Side Rendering (SSR) & Static Generation (SSG)

CSR vs SSR vs SSG vs ISR, hydration mismatch diagnostics, RSC flight payloads, and edge middleware routing.

Server-Side Rendering (SSR) & Static Generation (SSG)

Master rendering paradigms, Incremental Static Regeneration (ISR), hydration mismatch diagnostics, and RSC flight streaming.

Server-Side Rendering (SSR) & Static Generation (SSG)

Analyze web rendering paradigms, deploy Incremental Static Regeneration (ISR), diagnose and cure hydration mismatches, and inspect React Server Component flight streaming payloads.

4State Management, React Server Actions & Optimization

React Server Actions, progressive enhancement, useOptimistic UI updates, effect cleanups, and React Compiler memoization.

State Management, React Server Actions & Optimization

Master type-safe React Server Actions, progressive form enhancement, optimistic UI updates, and automated React Compiler memoization.

State Management, React Server Actions & Optimization

Implement production mutations with React Server Actions, build optimistic UI workflows with automatic rollbacks via useOptimistic, prevent memory leaks in effects, and examine the React Compiler.