Dicas e boas práticas com react

[EduvaniaAndrade]

Um componente por arquivo

Evite criar vários componentes no mesmo arquivo, isso facilita quando procuramos por eles no editor de texto, principalmente quando os nomes de ambos são os mesmos.

Use parênteses no método render quando houver mais que uma linha. Muitas vezes tentamos simplificar tanto o código que podemos cair em algumas armadilhas. Quando estamos usando Tags JSX dentro do JavaScript, o código pode ficar esteticamente confuso e isso é muito comum no método render do react.

É possível resolver isso usando parênteses para definir os limites de contextos diferentes.

• // Ruim
• render() {
• return ;
• }
• // Recomendado
• render() {
• return ( );
• }
• // esse também é bom
• render() {
• const name = 'Eduvânia Andrade';
• return { name };
• }

[EduvaniaAndrade]

Dicas e boas práticas com react 😍🙌

[EduvaniaAndrade]

😎😘😎😎