Spacing

Spacing

  • Always include a single space in your self-closing tag. eslint: no-multi-spaces, react/jsx-tag-spacing

    // bad
    <Foo/>
    
    // very bad
    <Foo                 />
    
    // bad
    <Foo
     />
    
    // good
    <Foo />
    
  • Do not pad JSX curly braces with spaces. eslint: react/jsx-curly-spacing

     // bad
     <Foo bar={ baz } />
    
     // good
     <Foo bar={baz} />