React

Recipes

• Disallow extra closing tags for components without children
• Disallow missing parentheses around multiline JSX
• Disallow multiple spaces between inline JSX props
• Disallow problematic leaked values from being rendered
• Disallow target="_blank" attribute without rel="noreferrer"
• Disallow unnecessary JSX expressions when literals alone are sufficient or enforce JSX expressions on literals in JSX children or attributes
• Disallow unnecessary fragments
• Disallow usage of unknown DOM property
• Enforce JSX indentation
• Enforce a specific function type for function components
• Enforce boolean attributes notation in JSX
• Enforce closing bracket location in JSX
• Enforce closing tag location for multiline JSX
• Enforce consistent linebreaks in curly braces in JSX attributes and expressions
• Enforce consistent usage of destructuring assignment of props, state, and context
• Enforce maximum of props on a single line in JSX
• Enforce or disallow spaces around equal signs in JSX attributes
• Enforce or disallow spaces inside of curly braces in JSX attributes and expressions
• Enforce propTypes declarations alphabetical sorting
• Enforce proper position of the first property in JSX
• Enforce props alphabetical sorting
• Enforce props indentation in JSX
• Enforce shorthand or standard form for React fragments
• Enforce spacing before closing bracket in JSX
• Enforce that props are read-only
• Enforce whitespace in and around the JSX opening and closing brackets
• Lifecycle methods should be methods on the prototype, not class fields
• Require one JSX element per line
• Require or prevent a new line after jsx elements and expressions