StyleGuide e Metodós com React

[Adejair]

Fala galerinha, beleza ?

Gostaria de saber qual styleguide e metódos vocês usam com o react. Por exemplo na criação de uma classe com React

Se acham mais viavel usar classes do es6(utilizando o babel), ou se usam o própio metódo do react para criação e porque utilizam de tal forma.

Babel

class App extends React.component {
   ...
}

React Method

var MyAwesomeReactClass = React.createClas({
   ...
});

Ou se utilizam da forma de criação de objetos ou se criam da forma do JSX.

Objects

var MyClass = React.createClass({
   render: {
       return (
          <div>
            <p> Utilizando o render de forma de objeto </p>
          </div> 
      )
   }
});

JSX Method

var MyClass = React.createClass({
   render() {
      return (
          <div>
             <p> Utilizando o render na forma de JSX </p>
          </div>  
      )
   }
});

Ahh, e se vocês usam algum styleguide sem ser o da airbnb pra JSX 👍

[diessica]

Além do style guide do Airbnb, React Patterns é bacana de seguir e me orientou bastante.

Sobre sintaxe, existem sim alguns pontos importantes, mas qual escolher vai mais da sua preferência do que qualquer outra coisa!

React.Component

• Não tem autobinding nos métodos – faz você usar bind(this) ou property initializers.
• Não tem mixins – encoraja o uso de Higher-order Components.
• Não tem this.isMounted – não faz falta.

Se você não quer depender do Babel, React.createClass faz um ótimo trabalho. Atualmente eu utilizo apenas React.Component.

[felisio]

Complementando o link do Style Guide do Airbnb

Lembrando que se vc for usar a arquitetura flux como o redux, nem tudo se aplica..., geralmente eu faço levantamento do que acho mais interessante e aplico no meu projeto.