Mastery

React · Expert - architecture, internals and edge cases

• Under the hood: reconciliation, batching, concurrent renderingDiscover how Fiber reconciles the tree, batches updates, and makes rendering work interruptible.
• Suspense, lazy, and code splittingMaster the suspension mechanism, lazy component loading, and bundle splitting.
• Expert patterns: compound components, inversion of controlDesign flexible component APIs with compound components, the state reducer, and the right choice between render props and hooks.
• Modern React: Server Components, use, useTransition, useOptimisticExplore server components, reading promises with use, and React 19's optimistic updates.
• Quality: Testing Library, StrictMode, ProfilerTest behavior rather than implementation, leverage StrictMode's double invocations, and measure renders with Profiler.