mirror of https://github.com/facebook/react.git synced 2026-02-26 07:55:55 +00:00

Files

Orta Therox 18eaf51bd5 Support eslint 8+ flat plugin syntax out of the box for eslint-plugin-react-compiler (#32120 )

## Summary

The current docs for the react compiler eslint plugin is based on
integrating with the old-style eslint config format. This is generally
fine, but most plugins (and the [official
docs](https://eslint.org/docs/latest/use/configure/configuration-files#configuration-file))
are now describing themselves in the new format.

This PR has two changes:

- Update the exports to include a "flat configuration"
- Adds a README change describing how to handle both configs

The solution is semi-based on @guillaumebrunerie's answer in
https://github.com/reactwg/react-compiler/discussions/25 mixed with
reading the source code for
[eslint-plugin-react-refresh](https://github.com/ArnaudBarre/eslint-plugin-react-refresh/blob/main/src/index.ts)

## How did you test this change?

I faked this API in the most recent deploy:

![Screenshot 2025-01-18 at 19 58
44](https://github.com/user-attachments/assets/ae0e4bea-fb96-4073-a5f7-c886d087b6af)

Then used that in my app:

![Screenshot 2025-01-18 at 20 04
33](https://github.com/user-attachments/assets/21f77158-7535-453a-b988-49cf59d22d71)

and get myself some compiler messages:

```
/Users/orta/dev/app/apps/puzzmo.com/src/palette/HoverPopover.tsx
  31:37  error  Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)  react-compiler/react-compiler

/Users/orta/dev/app/apps/puzzmo.com/src/components/gameplay/PlayGamePauseOverlay.tsx
   33:7   error  Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef)  react-compiler/react-compiler
   35:5   error  Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef)  react-compiler/react-compiler
```

2025-01-18 17:41:34 -05:00

apps/playground

[compiler] Playground qol: shared compilation option directives with tests (#32012 )

2025-01-09 12:38:16 -05:00

crates

Fix rust lints

2024-08-06 14:48:32 -04:00

docs

Punctuation & correcting spelling mistakes (#30592 )

2024-08-09 14:53:53 -07:00

fixtures

[cleanup] Remove compiler runtime-compat fixture library (#31430 )

2024-11-05 14:14:39 -05:00

packages

Support eslint 8+ flat plugin syntax out of the box for eslint-plugin-react-compiler (#32120 )

2025-01-18 17:41:34 -05:00

scripts

[compiler] Switch to esbuild (#31963 )

2025-01-02 16:59:56 -05:00

.eslintrc.js

[compiler:codegen] Wrap non-ascii characters in JsxExpressionContainer

2024-06-21 10:08:15 -04:00

.gitignore

[.gitignore] Add bundle script

2024-04-16 14:41:13 +01:00

Cargo.lock

Bump rustix from 0.37.22 to 0.37.27 in /compiler (#29173 )

2024-05-20 12:02:35 +01:00

Cargo.toml

Update references to Forget to React Compiler

2024-05-02 14:28:06 -07:00

package.json

[rcr] Generate ts defs (#31994 )

2025-01-06 11:01:38 -05:00

README.md

Update readme and other docs

2024-05-06 14:53:47 -07:00

rust-toolchain.toml

…

rustfmt.toml

…

yarn.lock

[rcr] Generate ts defs (#31994 )

2025-01-06 11:01:38 -05:00

README.md

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.

More information about the design and architecture of the compiler are covered in the Design Goals.

More information about developing the compiler itself is covered in the Development Guide.