Posts

All the articles I've posted. If you're looking for a specific page, check out the search.

• Concurrent Hydration with useSyncExternalStore

  

  Pair useSyncExternalStore with useDeferredValue and memoization to keep hydration concurrent and INP friendly.

• How To Improve INP: React⚛️

  

  All-in-one guide for improving Interaction-to-Next-Paint (INP) React applications. Introduces the useAfterPaintEffect hook.

• How To Improve INP: Yield Patterns

  

  How to yield to the main thread to improve Interaction-to-Next-Paint (INP) and detailed insights into patterns like await-interaction-response, yieldToMain, yieldUnlessUrgent.

• Fastest Way of Passing State to JavaScript, Re-visited

  

  Re-visitting the most performant way of passing state to JavaScript with benchmarks and a DevTools challenge.

• Breaking Up with SVG-in-JS

  

  Why you don't want SVGs in your JavaScript bundle and better performante-oriented techniques for using SVGs in JSX.

• The modern way of serving images

  

  Guide for the <picture> & <img> srcset and sizes attributes to create responsive & performant images.