index.md

This style guide assumes the usage of the JavaScript transpiler Babel, and requires @babel/preset-env or a equivalent configuration to make use of all ECMAScript 6+ (ES 2015+) features including staged proposals!

There are two sections with chapters about…

• the comprehensive base rules including ECMAScript 6+ (ES 2015+).
• React specific rules like e.g. Higher-Order Components, the component methods & properties ordering and props.

Rules

• Types
  • Primitives
  • Complex
• References
  • Prefer const
  • Disallow var
  • Block Scope
• Objects
  • Now new
  • ES6 Computed Properties
  • ES6 Object Shorthand
  • ES6 Object Concise
  • Grouped Shorthand
  • Quoted Properties
  • Prototype Builtins
  • Rest Spread
• Arrays
  • Literals
  • Push
  • ES6 Array Spreads
  • Prefer spreads over from
  • Mapping Over Iterables
  • Callback Return
  • Line Breaks
• Destructuring
  • Objects
  • Arrays
  • Multiple Return Values
• Strings
  • Quotes
  • Line Length
  • ES6 Template Literals
  • No eval()
  • Escaping
• Functions
  • Declaration
  • IIFE
  • Block Declaration
  • Prevent arguments Shadow
  • ES6 Rest
  • ES6 Default Parameters
  • Default Side Effects
  • Default Parameter Ordering
  • Constructor
  • Signature Spacing
  • Parameter Mutation
  • Parameter Reassign
  • ES6 Spread
  • Signature Invocation Indentation
• Arrow Functions
  • Anonymous Functions
  • Implicit Return
  • Parentheses Wrap
  • Single Argument Parentheses
  • Comparison Operators Confusion
• Classes & Constructors
  • Prefer class
  • Inheritance
  • Chaining
  • Custom String Representation
    • Unnecessary Default Constructor
    • No Duplicate Members
• Modules
  • Use import and export
  • No Wildcard Import
  • No Export From Import
  • No Duplicate Imports
  • No Mutable Exports
  • Prefer Default Export
  • Imports First
  • Multiline Import Indentation
  • No Webpack Loader Syntax
• Iterators and Generators
  • No Iterators
  • No Generators
  • Spacing
• Properties
  • Dot Notation
  • Bracket Notation
  • Exponentiation Operator
• Variables
  • Declaration
  • Declaration Separation
  • Grouping
  • Assignment
  • No Chain Assignment
  • No Unary Increment and Decrement
• Hoisting
  • Overview
  • Anonymous Function Expressions
  • Named Function Expressions
  • Function Declaration
• Comparison Operators & Equality
  • Equality Syntax
  • Conditional Statements
  • Shortcuts
  • Switch Blocks
  • Nested Ternaries
  • Avoid Unneeded Ternary
  • No Mixed Operators
• Blocks
  • Braces
  • Brace Style
  • No else Return
• Control Statements
  • Indentation
• Comments
  • Multi Line
  • Single Line
  • Spacing
• Whitespace
  • Indentation Character
  • Before Blocks
  • Around Keywords
  • Infix Operator Spacing
  • Newline
  • Chains
  • After Blocks
  • Padded Blocks
  • Inside Parentheses
  • Inside Brackets
  • Inside Braces
  • Maximum Line Length
• Commas
  • Leading and Trailing
• Semicolons
• Type Casting & Coercion
  • Explicitness
  • No Primitive Wrapper Instances
    • Strings
    • Numbers
    • Booleans
  • Bitshift
• Naming Conventions
  • Descriptive
  • camelCase
  • PascalCase
  • Underscores
  • No this Self References
  • Filename Export Matching
  • Function Default Export
  • Singleton Export
  • Acronyms And Initialisms
• Accessors
  • Ignore Properties
  • Getter And Setter
  • Boolean Prefix
• Events
  • Hash
• ECMAScript 5 Compatibility
• ECMAScript 6+ (ES 2015+) Styles
  • TC39 Proposals
• Standard Library
  • Number isNaN
  • Number isFinite
• Testing
  • General Principles
• React
  • Accessibility A11Y
    • img Alternate Text
    • No Redundant img Alternate Text
    • Valid ARIA Roles
    • No accessKey
  • Blocks
    • Wrap Multiline JSX
  • Classes & Constructors
    • class And Stateless
  • Higher-Order Components
    • Display Name
  • Methods
    • Prefer Arrow Functions Over bind
    • No Binding Or Arrow Functions In Render
    • No Underscore Prefix
    • Render Return
  • Naming Conventions
    • One Component Per File
    • JSX File Extension
    • File And Component Folder
    • References
  • Ordering
    • Component Methods And Properties
  • Props
    • Indentation
    • Avoid DOM Names
    • Capitalization
    • Boolean Attributes Notation
    • No Index As key
    • Explicit Default Props
    • Spread Props
    • Ref Callbacks
  • Strings
    • Quotes
  • Tags
    • Self-Closing
    • Closing Bracket Indentation
  • Whitespace
    • Self-Closing Tags
    • Curly Braces Padding