Dicas e boas práticas com react

[EduvaniaAndrade]

Organize os métodos da sua classe

Adotar um padrão para organizar suas funções dentro de uma classe react é simples. Essa prática facilita a leitura do código dos componentes e também simplifica a navegação em arquivos grandes, assim, é possível prever onde estará cada função. Você pode adotar o padrão que te deixar mais confortável, minha sugestão é essa:

1. Construtor
2. Métodos do ciclo de vida do react
3. Métodos do componente
4. Render

• export default class ExampleComponent extends React.Component {
• // 1. contructor
• constructor(props) { }
• // Métodos do ciclo de vida do react
• componentDidCatch(){ }
• // Outros métodos
• isAdmin(user){}
• // Render
• render() {
• return (
• // Apenas JSX tags evite criar funções dentro do render
• );
• }}

Mesmo sendo um hábito simples ao adotar um padrão devemos ser disciplinados para manter a sua consistência, principalmente quando existem várias pessoas programando no mesmo projeto, esses padrões devem ser documentados e respeitados.

[EduvaniaAndrade]

Dicas e boas práticas com react ❤😉