React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine …

React Compiler 是一个处于 RC 阶段的新的编译器，我们将其开源以获取社区反馈。现在我们建议所有人都使用编译器。 最新的 RC 版本发布于 @rc 标签，每日实验版本发布于 @experimental 标签。

React Compiler is a new build-time tool that automatically optimizes your React app. It works with plain JavaScript, and understands the Rules of React, so you don’t need to rewrite any code to use it.

Why Incremental Adoption? React Compiler is designed to optimize your entire codebase automatically, but you don’t have to adopt it all at once. Incremental adoption gives you control over the rollout …

Reference prerenderToNodeStream(reactNode, options?) Usage Rendering a React tree to a stream of static HTML Rendering a React tree to a string of static HTML Waiting for all data to load Aborting …

Why Ship Compiled Code? Setting Up Compilation Backwards Compatibility 1. Install the runtime package 2. Configure the target version Testing Strategy Troubleshooting Library doesn’t work with …

Overview React Compiler directives provide fine-grained control over which functions are optimized by the compiler. They are string literals placed at the beginning of a function body or at the top of a …

target Configures the React version compatibility for the compiled output.

This guide helps you identify and fix issues when using React Compiler. Learn how to debug compilation problems and resolve common issues.

Compilation Control These options control what the compiler optimizes and how it selects components and hooks to compile. compilationMode controls the strategy for selecting functions to compile (e.g., …