Dicas de como melhorar como desenvolvedor React

Olá, pessoal

Venho estudando e trabalhando com React e nextJS atualmente e como é meu primeiro projeto relacionado a essas tecnologias e eu sou o responsável pelo frontend do projeto.

Gostaria de algumas dicas de construção de componentes (devo manter a logica dentro do componente e quando separar), quais hooks são extremamentes necessários saber, outros conceitos que são importantes saber.

Enfim o que vocês tiverem de dicas para me dar.

Renanktonhá 2 anos

Opa eae mano blz??? eu ainda nao trabalho com React mas venho estudando ele ja faz um bom tempo porem ainda tenho um pouco de dificuldade com o css, estou comentando aqui apenas para guardar para ver as dicas do pessoal

akamaihá 2 anos
Referente ao CSS, eu sugiro aprender o básico que é como utilizar grid e flex box. Aproveite e de uma olhada em como funciona o DOM. Também sugiro dar uma olhada em acessibilidade pois isso é extremamente necessário nos dias atuais. e me adc no lol dps rs
pablotrindadehá 2 anos

Opa, tudo bom! Trabalho há alguns anos com React acho que posso contribuir com algumas dicas.

1 - Antes de começar a componentizar em código vale a pena estudar no layout o que faz sentido ser um componente. 2 - Eu gosto de trabalhar com componentes em dois níveis (mas pode variar de desenvolvedor para desenvolvedor) um nível de projeto que são componentes que vão se repetir em 2 ou mais telas, exemplo, botão, titulo, link e etc. Já o segundo nível é o que considero componentes de tela que são componentes que só fazem sentido para a tela em questão, por exemplo tem uma aplicação que tem login e home e dentro da tua home tem um componente de sessão, esse no meu projeto seria um componente a nível de tela. 3 - Recomendo dar uma olhada no Atomic Design link português e link inglês dependendo o projeto ele pode ser muito útil. 4 - Não há uma regra quanto a lógica de negócio, mas eu gosto de deixar as regras nas hooks e no componente ter regras somente de estilização e comportamento do componente em si. 5 - Prefira desenvolver seus componentes do que colocar lib nas dependências para tudo, claro que há sempre exceções, mas leve em conta que adicionar dependências aumenta o tamanho do seu projeto e pode trazer mais pontos de segurança para cuidar. 6 - Nos componentes se estiver usando somente o javascript recomendo usar propTypes para no mínimo dizer o que o componente precisa de propriedades para funcionar ou utilize o typescript. 7 - Se seu projeto vai ter componentes que em um futuro próximo podem ser utilizados em outros projetos na mesma empresa, talvez seja interessante utilizar o storybook ou algo similar para documentar seus componentes. 8 - Passei por vários projetos e posso dizer que nem todos usavam testes no frontend, mas recomendo muito que utilize, o próprio Jest ou ainda o Cypress podem te ajudar bastante nisso.

Fiz um compilado do que ia lembrando aqui, espero ter ajudado.