Sponsor of the Day:
Jerkmate
https://www.eslint-react.xyz/docs/rules/exhaustive-deps
exhaustive-deps | ESLint React
Verifies the list of dependencies for Hooks like 'useEffect' and similar.
eslint reactexhaustivedeps
https://www.eslint-react.xyz/docs/rules/set-state-in-render
set-state-in-render | ESLint React
Validates against unconditionally setting state during render, which can trigger additional renders and potential infinite render loops.
eslint reactsetstaterender
https://www.eslint-react.xyz/docs/rules/jsx-no-children-prop
no-children-prop | ESLint React
Disallows passing 'children' as a prop.
eslint reactchildrenprop
https://www.eslint-react.xyz/docs/rules/no-missing-context-display-name
no-missing-context-display-name | ESLint React
Enforces that all contexts have a 'displayName' that can be used in DevTools.
display nameeslint reactmissingcontext
https://www.eslint-react.xyz/docs/rules/no-missing-key
no-missing-key | ESLint React
Disallows missing 'key' on items in list rendering.
missing keyeslint react
https://www.eslint-react.xyz/docs/rules/no-context-provider
no-context-provider | ESLint React
eslint reactcontextprovider
https://www.eslint-react.xyz/docs/rules/dom-no-script-url
no-script-url | ESLint React
Disallows 'javascript:' URLs as attribute values.
eslint reactscripturl
https://www.eslint-react.xyz/docs/rules/no-misused-capture-owner-stack
no-misused-capture-owner-stack | ESLint React
Prevents incorrect usage of 'captureOwnerStack'.
eslint reactmisusedcaptureownerstack
https://www.eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml
no-dangerously-set-innerhtml | ESLint React
Disallows DOM elements from using 'dangerouslySetInnerHTML'.
eslint reactdangerouslysetinnerhtml
https://www.eslint-react.xyz/docs/rules/set-state-in-effect
set-state-in-effect | ESLint React
Validates against setting state synchronously in an effect, which can lead to re-renders that degrade performance.
eslint reactsetstateeffect
https://www.eslint-react.xyz/
ESLint React
4-7x faster, composable ESLint rules for React and friends.
eslint react
https://www.eslint-react.xyz/docs/rules/dom-no-hydrate
no-hydrate | ESLint React
Replaces usage of 'ReactDOM.hydrate()' with 'hydrateRoot()'.
eslint reacthydrate
https://www.eslint-react.xyz/docs/rules/no-nested-component-definitions
no-nested-component-definitions | ESLint React
Disallows nesting component definitions inside other components.
eslint reactnestedcomponentdefinitions
https://www.eslint-react.xyz/docs/rules/no-unnecessary-use-prefix
no-unnecessary-use-prefix | ESLint React
Enforces that a function with the 'use' prefix uses at least one Hook inside it.
eslint reactunnecessaryuseprefix
https://barfooz.xyz/trying-out-the-max-length-250-and-1-react-component-per-file-eslint-rules-in-a
Trying out the max-length: 250 and 1 React component per file ESLint rules in a... – Build stuff;...
In my head, these 2 rules are making sense. The LLM has a smaller context to juggle with, and there is a better separation of concerns. Meanwhile, I noticed...
1 reactper filebuild stufftryingmax