How To Improve Interaction-to-Next-Paint

Tests are dead. Meticulous AI is here.
sponsored by Meticulous

Meticulous AI is a tool which automatically creates and maintains a continuously evolving e2e UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Backed by CTO of GitHub, Guillermo Rauch (next.js author), yc and others, it's built from the Chromium level up with a deterministic scheduling engine – making it the only testing tool that eliminates flakes.

How To Improve Interaction-to-Next-Paint
16 minutes by Jacob Groß

The article provides detailed guidance on optimizing React applications for better INP performance, which is now a crucial Core Web Vital metric used by Google's search ranking.

Better Code Rendering Through Virtualization
15 minutes by Nicholas Deschenes

Codecov rebuilt their code renderer to handle extremely large files after receiving feedback about crashes with TypeScript's checker.ts file. The team discovered that the main performance bottleneck was React's rendering of numerous elements rather than code tokenization.

How does the React Compiler perform on real code
20 minutes by Nadia Makarevich

Nadia's article examines React Compiler – a new tool that promises to automatically optimize React app performance by handling memoization and re-renders.

React Data Fetching Patterns
5 minutes by Robin Wieruch

This article discusses various data fetching patterns in React applications, focusing on sequential data fetching, parallel data fetching, and prefetching strategies.

Cleaning up dead files in your React project
1 minute by Edvins Antonovs

Learn how to identify and remove unused files in your React codebase with tools like knip. Simplify your project and improve maintainability.

And lastly, React v19 has been released.