Tag:performance

All the articles with the tag "performance".

• How To Improve INP: React⚛️

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

• 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.

• Concurrent Hydration with useSyncExternalStore

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

• 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.

• 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.