mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00

Files

T

History

Jorge Cabiedes Acosta 04927c2ee7 [Compiler] Change ValidateNoDerivedComputationsInEffect logic to track prop and local state derived values variables and add extra tests

Summary:
Biggest change of the stack, we track how values prop and local state values are derived throughout the entire component.

We are iterating over instructions instead of effects since some mutations can not be caught otherwise.

For every derivation we track the type of value its coming from (props or local state) and also the top most relevant sources (These would be the ones that are actually named instead of promoted like t0)

We propagate these relevant sources to each derivation.

This allows us to catch more complex useEffects though right now we are overcapturing some more complex cases which will be refined further up the stack.

This PR also adds a couple tests we will work towards fixing

Test Plan:
Added:
ref-conditional-in-effect-no-error
effect-contains-prop-function-call-no-error
derived-state-from-ref-and-state-no-error

2025-10-21 14:42:53 -07:00

scripts

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

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

src

[Compiler] Change ValidateNoDerivedComputationsInEffect logic to track prop and local state derived values variables and add extra tests

2025-10-21 14:42:53 -07:00

jest.config.js

Compiler: unfork prettier config (#30205 )

2024-07-18 17:00:24 -04:00

package.json

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

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

README.md

[compiler] Add readme for babel plugin

2024-05-15 17:29:49 -07:00

tsconfig.json

[compiler] Don't leak global __DEV__ type (#34551 )

2025-09-22 16:51:57 +02: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