Práticas Recomendadas do ReactJS

Nesta seção, vamos listar as melhores práticas, métodos e técnicas do React que nos ajudarão a manter consistência durante o processo de desenvolvimento da aplicação.

• Estado−Devemos evitar ao máximo esse estado. Centralizar o estado e passá-lo como um pilar para a árvore de componentes é uma boa prática. Sempre que tivermos um grupo de componentes que precisam da mesma dados, devemos configurar um elemento de container ao redor deles para armazenar o estado. O padrão de fluxo é uma boa maneira de lidar com o estado de aplicações React.

• PropTypes−Devemos sempre definir PropType. Isso ajudará a rastrear todos os props da aplicação e também será útil para qualquer desenvolvedor que trabalhar no mesmo projeto.

• Render−A maior parte da lógica da aplicação deve ser movida para o método render. Devemos tentar minimizar a lógica nos métodos de ciclo de vida do componente e movê-la para o método render. Quanto menos estado e props usarmos, mais limpo será o código. Devemos sempre manter o estado o mais simples possível. Se precisarmos calcular algo a partir do estado ou props, podemos fazê-lo no método render.

• Composição−A equipe do React recomenda o uso do princípio de responsabilidade única. Isso significa que um componente deve ser responsável por apenas uma funcionalidade. Se alguns componentes tiverem várias funcionalidades, devemos refatorar e criar novos componentes para cada funcionalidade.

• Componentes de Alto Nível (HOC)−Versões anteriores do React forneceram mixins para o tratamento de funcionalidades reutilizáveis. Devido ao fato de mixins não serem mais recomendadas, uma das soluções é usar HOC.