• Better Tailwind CSS
• Deptry
• Detekt
• ESLint
• EC ESLint Comments
• EZ ESLint Zod
• Jest / Bun Test
• JS JSDoc
• ktlint
• mobsfscan
• Node Test
• Node.js
• P Perfectionist
• Playwright
• React
• + React Doctor
• React Hooks
• Ruff
• SC shadcn
• IS Simple Import Sort
• SwiftFormat
• SwiftLint
• Testing Library
• ts typescript-eslint
• U Unicorn
• Vitest

+

React Doctor

492 rules · react-doctor@0.9.14

Complete effective rule inventory.

Docs ↗

Rules

40 rules on this page · 492 total

• react-doctor/jsx-no-comment-textnodes

  Wrap JSX comments in {/* … */} so users do not see comment text rendered as children.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-constructed-context-values

  Wrap the context value in useMemo or move it outside the component so consumers do not redraw every render.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-duplicate-props

  Remove or rename one of the duplicate props so the later value does not silently override the earlier one.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-jsx-as-prop

  Move the JSX outside the component or wrap it in useMemo so memoized children do not redraw every render.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-new-array-as-prop

  Wrap the array in useMemo or move it outside the component so memoized children do not redraw every render.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-new-function-as-prop

  Wrap the callback in useCallback or move it outside the component so memoized children do not redraw every render.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-new-object-as-prop

  Wrap the object in useMemo or move it outside the component so memoized children do not redraw every render.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-script-url

  Use real event handlers instead of javascript: URLs so injected URL text cannot execute as code.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-target-blank

  Add rel="noreferrer" (or "noopener") when using target="_blank".

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jsx-no-undef

  Import the component or fix the typo so React can resolve the JSX identifier at runtime.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/jsx-numeric-and-leaked-render

  In {items.length && <List/>} React renders a literal 0 when the count is 0. Compare explicitly (items.length > 0 && <List/>) or use a ternary (items.length ? <List/> : null).

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jsx-props-no-spread-multi

  Spread each value at most once so later props cannot silently override earlier props from the same object.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/jwt-insecure-verification

  Never accept the none algorithm; it disables signature verification and lets any forged token through. Pin the real algorithm(s) explicitly (jwt.verify(token, key, { algorithms: ['RS256'] })).

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/key-lifecycle-risk

  Remove private keys from source, rotate exposed credentials, prefer short-lived deploy credentials, and document revocation/expiry for release keys.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/label-has-associated-control

  Tie every label to a control with htmlFor, or by nesting the input.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/lang

  Use a valid language code like en or en-US so screen readers choose the right pronunciation rules.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/local-rpc-native-bridge-risk

  Use exact origin allowlists after URL parsing, per-request nonces, narrow methods, and never expose install/update commands to arbitrary web pages.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/mdx-ssr-execution-risk

  Use a constrained compiler for untrusted content, disable expressions/raw HTML, sandbox renderers, and avoid caching attacker-controlled output across tenants.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/media-has-caption

  Add <track kind="captions"> inside every <audio> / <video>.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/mobx-no-make-auto-observable-in-inheritance

  Replace inheritance with composition, or annotate inherited members explicitly with makeObservable.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/mobx-no-observer-wrapped-memo

  Pass the component directly to observer, or apply React memo outside the resulting observer component.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/mobx-reaction-disposer-discarded

  Keep the disposer returned by reaction or autorun and invoke it during teardown.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-animate-presence-must-outlive-child

  Keep AnimatePresence mounted and place the condition around its child so Motion can observe and animate the child leaving.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-animate-presence-requires-key

  Give every direct AnimatePresence child a stable key derived from its identity so Motion can track which element exits.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-animate-presence-wait-single-child

  Render one direct child at a time in mode="wait", or use sync or popLayout when several children can be present.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-create-in-render

  Create Motion components at module scope, or memoize a genuinely dynamic component factory so its identity remains stable.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-drag-axis-constraint-mismatch

  Constrain horizontal drags with left or right bounds and vertical drags with top or bottom bounds, keeping paired bounds in ascending order.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-imperative-animation-in-render

  Start imperative animations from an effect or user interaction, and derive render output declaratively from props and state.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/motion-keyframe-times-mismatch

  Provide one transition time for each keyframe so Motion can place every value on the animation timeline.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/motion-layout-on-inline-element

  Use inline-block, block, flex, or grid so the browser can apply Motion's transform-based layout animation.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-unstable-layout-id-in-iteration

  Derive repeated layout IDs from stable item identity, or scope each repeated component with a LayoutGroup ID derived from the item.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-use-transform-range-length

  Give useTransform input and output ranges the same number of entries so every input stop has an output value.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/motion-value-constructor-in-render

  Use useMotionValue inside React components, or create a manual motionValue outside the render path.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/motion-value-subscription-in-render

  Subscribe with useMotionValueEvent, or create the subscription in an effect and return its cleanup function.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗
• react-doctor/mouse-events-have-key-events

  Pair mouse events with keyboard ones so keyboard users are not left out.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/nextjs-metadata-url-consistency

  Use the same preferred page URL for alternates.canonical and openGraph.url so search and social previews identify one page.

  All repositories warning · 1 : warning in Next.js projects
  No fix No autofix ↗
• react-doctor/no-access-key

  Do not use accessKey. It conflicts with assistive tech shortcuts.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/no-aria-hidden-on-focusable

  Remove aria-hidden from focusable elements, or stop them being focusable, so keyboard users do not land on content screen readers hide.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/no-arithmetic-on-optional-chained-operand

  An optional chain is undefined when it short-circuits, so *///% on it produces NaN, which silently corrupts formatting and comparisons. Provide a ?? fallback or guard the chain root before the arithmetic.

  All repositories warning · 1 : warning in React projects
  No fix No autofix ↗
• react-doctor/no-array-index-as-key

  Use a stable id from the item, like key={item.id} or key={item.slug}. Index keys break when the list reorders or filters.

  All repositories error · 1 : error in React projects
  No fix No autofix ↗

← 3 / 13Page 3 of 13 →