Blog

  1. React10 min read

    React Compiler in Practice: Automatic Memoization and Its Limits

    See what React Compiler can skip, how to verify compilation, and when manual memoization or profiling still matters.

    #React#React Compiler#Memoization
    Layered cream paper templates and repeated cardboard cutouts arranged on a dark worktable
  2. JavaScript10 min read

    JavaScript Signals vs. React State: What Actually Updates?

    Follow a changing dependency graph with Preact Signals, compare it with React rendering, and learn when fine-grained updates help or add complexity.

    #JavaScript#Signals#Reactivity
    A pale stone cube with a black lightning bolt beside a dark cube with a cyan React symbol on a sunlit wooden desk
  3. React10 min read

    React Rendering and Fiber: What Actually Happens After a State Update

    Trace a React state update through rendering, reconciliation, commit, and browser paint. Learn what Fiber schedules and how to investigate extra renders without guessing.

    #React#React Fiber#Rendering
    Conceptual illustration of a branching React rendering structure
  4. JavaScript9 min read

    Debugging JavaScript Memory Leaks with Chrome DevTools

    Reproduce a detached DOM memory leak, inspect why it stays reachable in Chrome DevTools, and verify a listener cleanup fix.

    #JavaScript#Memory Leaks#Garbage Collection
    Dark stone and glass layers connected to a separate block by a thin copper wire, representing a retained memory reference.
  5. Web Development8 min read

    Your Browser is a Time Machine: Advanced Debugging Techniques in DevTools

    Reproduce an out-of-order UI update, trace the stale write with DevTools breakpoints and logpoints, and verify a fix without mistaking replay for time travel.

    #Chrome DevTools#JavaScript#Debugging
    Minimal illustration of blue and red horizontal timelines, with square markers and a circle on a light background
Blog, Page 8 | Halil Yesilyurt