mirror of
https://github.com/zebrajr/react.git
synced 2025-12-07 00:20:28 +01:00
ca3d16c5ef
Updates the compiler to understand Flow hook syntax. Like component syntax, in infer mode hooks are compiled by default unless opted out. Looking ahead, i can imagine splitting up our compilation modes as follows: * Annotations: opt-in explicitly * Declarations: annotations + component/hook declarations * Infer: annotations, component/hook declarations, + component/hook-like functions This also suggest an alternative annotation strategy: "use react" (or "use component" / "use hook") as a general way to tell the compiler that a function is intended for React. Then opting out of memoization could do "use react(nomemo)". |
||
|---|---|---|
| .. | ||
| __tests__ | ||
| src | ||
| babel.config.js | ||
| package.json | ||
| README.md | ||
| rollup.config.js | ||
| tsconfig.json | ||
eslint-plugin-react-compiler
ESLint plugin surfacing problematic React code found by the React compiler.
Installation
You'll first need to install ESLint:
npm i eslint --save-dev
Next, install eslint-plugin-react-compiler:
npm install eslint-plugin-react-compiler --save-dev
Usage
Add react-compiler to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:
{
"plugins": [
"react-compiler"
]
}
Then configure the rules you want to use under the rules section.
{
"rules": {
"react-compiler/rule-name": 2
}
}
Rules
TODO: Run eslint-doc-generator to generate the rules list.