Tags

  • Always self-close tags that have no children. eslint: react/self-closing-comp

    1. // bad
    2. <Foo variant="stuff"></Foo>
    4. // good
    5. <Foo variant="stuff" />

  • If your component has multi-line properties, close its tag on a new line. eslint: react/jsx-closing-bracket-location

    1. // bad
    2. <Foo
    3.   bar="bar"
    4.   baz="baz" />
    6. // good
    7. <Foo
    8.   bar="bar"
    9.   baz="baz"
    10. />