Skip to content

    Frontend System Design, module F05

    React fundamentals and internals

    How React renders, updates and reconciles a component tree, and what that means for correctness and performance.

    9 of 9 lessons published

    1. 1
      React Reconciliation and the Virtual DOM

      Flagship · intermediate

    2. 2
      React's Render and Commit Phases

      Standard · intermediate

    3. 3
      Fiber, Scheduling and Concurrent Rendering

      Standard · advanced

    4. 4
      How Hooks Work: State, Ordering and the Rules of Hooks

      Standard · intermediate

    5. 5
      Effects, Cleanup and Synchronizing With the Outside World

      Standard · intermediate

    6. 6
      Keys, Lists and Component Identity

      Standard · intermediate

    7. 7
      Memoization and Controlling Re-renders

      Standard · advanced

    8. 8
      Context and Its Render Cost

      Standard · intermediate

    9. 9
      Purity, Strict Mode, Refs and Escape Hatches

      Focused · intermediate

    All Frontend System Design modules