React Digest - RD#472 How to Use React Compiler

How to Use React Compiler
15 minutes by Tapas Adhikary

This tutorial explains how the new React compiler in React 19 can automatically optimize React applications without developers needing to manually apply memoization techniques. It covers the compiler's architecture, how to configure it, and demonstrates its benefits through a product page example.

Feature flagging for B2B with instant customer feedback
sponsored by Bucket

Roll out features and get instant feedback and adoption metrics from a single line of code with the Bucket React SDK. Engagement metrics and direct user feedback chase you so you can increase iteration velocity and customer satisfaction. Start for free or get 10% off Pro for 1 year with the React Digest reader promo code: ReactDigest0924.

Using the inert attribute in React
4 minutes by Mayank

You might have heard of the inert attribute. It makes the content inert to all assistive technologies, without affecting it visually. Mayank highlights the differences between React 19, which natively supports inert, and earlier versions where workarounds are necessary. Various approaches for using inert across different React versions are provided, including conditional rendering and client-side DOM manipulation.

Build-time Components
6 minutes by Rodrigo Pombo

Why React Server Components are a leap forward for content-driven websites. They combine excellent user experience with superior developer experience, by enabling server-side processing at build time without sacrificing component modularity or ease of use.

How to Show Task Sequence Progress
7 minutes by Nico Prananta

With React Suspense and RSC in Next.js. Without useState, useEffect, client side fetch, or any other networking library.

Why is CSS-in-JS slow?
6 minutes by Corbin Crutchley

Corbin discusses the performance implications of CSS-in-JS solutions compared to traditional CSS. He explains how CSS is parsed and rendered in browsers, highlighting the potential for slower performance and "Flash of Unstyled Content" issues with CSS-in-JS.

BrowserStack Bug Capture: Debug Faster with Data-Rich Bug Reports
sponsored by BrowserStack

Frustrated by incomplete bug reports? Say hello to comprehensive reports that actually tell you what went wrong. BrowserStack Bug Capture helps your team easily capture bugs with DevTools, screen recordings and environment info to help you debug faster. Get everything from console and React/Vue component logs to detailed network requests, all in one place so that you can focus on what matters: ensuring code quality.

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.