mirror of https://github.com/facebook/react.git synced 2026-02-23 20:23:02 +00:00

Files

mofeiZ 459a2c4298 [compiler][gating] Experimental directive based gating (#33149 )

Adds `dynamicGating` as an experimental option for testing rollout DX at
Meta. If specified, this enables dynamic gating which matches `use memo
if(...)` directives.

#### Example usage
Input file
```js
// @dynamicGating:{"source":"myModule"}
export function MyComponent() {
  'use memo if(isEnabled)';
   return <div>...</div>;
}
```
Compiler output
```js
import {isEnabled} from 'myModule';
export const MyComponent = isEnabled()
  ? <optimized version>
  : <original version>;
```
---
[//]: # (BEGIN SAPLING FOOTER)
Stack created with [Sapling](https://sapling-scm.com). Best reviewed
with [ReviewStack](https://reviewstack.dev/facebook/react/pull/33149).
* __->__ #33149
* #33148

2025-05-21 17:23:29 -04:00

scripts

[compiler][be] Move e2e tests to BabelPlugin transformer (#32706 )

2025-03-21 20:05:22 -04:00

src

[compiler][gating] Experimental directive based gating (#33149 )

2025-05-21 17:23:29 -04:00

jest.config.js

…

package.json

[compiler][be] Playground now uses tsup bundled plugin (#32759 )

2025-03-26 14:31:20 -04:00

README.md

…

tsconfig.json

[compiler][be] Test runner (snap) now uses tsup bundled plugin (#32758 )

2025-03-26 14:27:42 -04:00

tsup.config.ts

[compiler] Add missing copyrights (#33004 )

2025-04-23 22:04:44 -04:00

README.md

babel-plugin-react-compiler

React Compiler is a compiler that optimizes React applications, ensuring that only the minimal parts of components and hooks will re-render when state changes. The compiler also validates that components and hooks follow the Rules of React.

This package contains the React Compiler Babel plugin use in projects that make use of Babel. You can find instructions for using this plugin here: https://react.dev/learn/react-compiler