A mostly reasonable approach to React and JSX

1. Basic Rules
2. Class vs React.createClass vs stateless
3. Naming
4. Declaration
5. Alignment
6. Quotes
7. Spacing
8. Props
9. Parentheses
10. Tags
11. Methods
12. Ordering
13. isMounted

• Only include one React component per file.
  • However, multiple Stateless, or Pure, Components are allowed per file. eslint: react/no-multi-comp.
• Always use JSX syntax.
• Do not use React.createElement unless you're initializing the app from a file that is not JSX.

• If you have internal state and/or refs, prefer class extends React.Component over React.createClass unless you have a very good reason to use mixins. eslint: react/prefer-es6-class react/prefer-stateless-function

  // bad
  const Listing = React.createClass({
    // ..