@react-three/eslint-plugin
An ESLint plugin which provides lint rules for @react-three/fiber.
Installation
npm install @react-three/eslint-plugin --save-devConfiguration
Use the recommended config to get reasonable defaults:
"extends": [
"plugin:@react-three/recommended"
]If you do not use a config you will need to specify individual rules and add extra configuration.
Add "@react-three" to the plugins section.
"plugins": [
"@react-three"
]Enable the rules that you would like to use.
"rules": {
"@react-three/no-clone-in-frame-loop": "error"
}Rules
✅ Enabled in the recommended configuration.
🔧 Automatically fixable by the --fix CLI option.
💡 Manually fixable by editor suggestions.
| Rule | Description | ✅ | 🔧 | 💡 |
|---|---|---|---|---|
| no-clone-in-loop | Disallow cloning vectors in the frame loop which can cause performance problems. | ✅ | ||
| no-new-in-loop | Disallow instantiating new objects in the frame loop which can cause performance problems. | ✅ |
Shareable configs
Recommended
This plugin exports a recommended configuration that enforces rules appropriate for everyone using React Three Fiber.
"extends": [
"plugin:@react-three/recommended"
]All
This plugin also exports an all configuration that includes every available rule.
"extends": [
"plugin:@react-three/all"
]