15 dicas para melhorar o seu desenvolvimento com React

January 19, 2025 · 7 min read

Fundador da @TautornTech

Trabalho com React há muitos anos e separei aqui algumas dicas que aprendi durante a minha trajetória em vários projetos.

São úteis para melhorar o desenvolvimento dos projetos mas também para evolução da carreira

1 - Aprenda JavaScript

Isso mesmo, React é ‘somente’ uma biblioteca de User Interface e muito do que é utilizado no dia a dia é, simplesmente, JavaScript.

A falta de entendimento no JavaScript pode causar muitos problemas para entender React e a sua estrutura. Estude JavaScript.

O uso de importação, listas, iterações e outros métodos são obrigatórios no dia a dia. Não só para quem desenvolve com React, mas qualquer aplicação Web.

Tenho aqui uma lista com versões do JavaScript:
https://www.tautorn.com.br/docs/javascript/versions/introducao

2 - Estude o básico do React

Entender como o React funciona é fundamental. Mas não só usando por usar, e sim realmente entendendo a fundo como cada recurso funciona.

React é uma biblioteca fascinante e está em constante evolução. Entender os hooks, ciclo de vida, Virtual DOM e outros recursos são essenciais para tirar o melhor proveito da biblioteca e, com isso, aplicar da melhor forma em sistemas e aplicações.

Em muitos casos, o simples fato de não entender como o re-render funciona pode causar utilização de recursos da aplicação de forma desnecessária.

Tenho uma trilha sobre React no meu site:
https://www.tautorn.com.br/docs/react/introducao

3 - Procure entender da melhor forma possível o negócio que você atua

Gostando ou não de programar, é de suma importância estar alinhado com o negócio da empresa que você atua ou presta serviço, seja sua ou não.

Desenvolvimento de software é algo mágico, mas de nada adianta utilizarmos as melhores tecnologias e arquiteturas sem que, de fato, tenha entrega de valor para os usuários.

Já atuei em diversos sistemas, muito bem estruturados e alguns nem tanto. O que mais aprendi em todos eles é que mais importante que um código “bonito” é a entrega de valor. Foque nisso, é essencial entender sobre o negócio do qual você está atuando. Isso é muitas vezes mais importante que desenvolver inúmeras linhas de código.

É claro, para você tomar melhores decisões a respeito do desenvolvimento, é essencial entender sobre o negócio da empresa.

Estude, aprenda e use o sistema do qual você constrói.

4 - Aprenda habilidades diferentes da técnica

O que quero dizer aqui é que dominar as funções técnicas são primordiais. Mas para ter uma evolução na carreira, é essencial desenvolver habilidades como negociação, oratória, transmissão de ideias, comunicação.

Existem várias outras, mas essas listo como fundamentais porque, independente do seu cargo, você vai precisar transmitir as suas ideias, e já vi diversas pessoas que causavam confusão ou não conseguiam repassar suas contribuições por não saberem se comunicar.

Essas habilidades não são fáceis de aprender, mas são muito importantes.

5 - Entenda as camadas de desenvolvimento do projeto

Não se isole em uma parte do sistema. Sou FE e, com isso, vou aprender sobre o sistema somente partes que dizem respeito à interface. Isso funciona por um tempo, mas pode te deixar com o conhecimento muito raso. Você não precisa dominar linguagens de backend, infraestrutura, etc., mas é fundamental saber como o seu código vai para produção e como isso afeta os usuários.

Geralmente as APIs vão ser feitas para servir o FE, então é necessária muita sinergia entre os times para poderem oferecer a melhor experiência para os usuários. Isso só vai ocorrer caso não exista isolamento de trabalho.

6 - Mantenha os componentes simples

Isso é fundamental para escalar qualquer projeto com React: manter os componentes ‘simples’.

Evite componentes que tenham várias regras acopladas e façam diversas coisas; responsabilidade única é a chave para criar um bom componente. Lembre-se de que outras pessoas vão utilizar o que você está criando, e até mesmo você pode acabar se perdendo com componentes com muitas utilidades.

Simplicidade é a chave.

Aqui falo sobre dumb e smart components:
https://www.tautorn.com.br/docs/react/dumb-e-smart-components

7 - Leia a documentação das ferramentas

Essa dica pode parecer óbvia, mas muitas pessoas não leem as documentações das ferramentas que utilizam ou, quando leem, é de forma bem rasa.

Entender como cada biblioteca funciona no projeto é fundamental.
Assim como já falei sobre entender a fundo React, o mesmo vale para tudo o que for utilizado nos projetos.

Já peguei diversas bibliotecas sem necessidade nos projetos e até mesmo usando de forma superficial.

Acompanhe sites, GitHub, pessoas que falam sobre o que você usa. Isso pode fazer toda a diferença para o seu desenvolvimento.

8 - Pratique bastante

Você não vai aprender a nadar lendo um livro sobre natação.

A teoria é muito importante, mas desenvolvimento de software exige muita prática, e a melhor forma de aprender tecnologias é criando pequenos projetos para aplicar o que você leu.

Essa, sem dúvida, é uma das formas mais rápidas de aprender uma linguagem de programação, ferramenta ou o que for sobre tecnologia. Pratique bastante.

Leia e crie em seguida pequenos projetos ou rode pequenos códigos para que seu cérebro possa gravar de forma mais fácil o que você acabou de ler.

É muito fácil esquecer algo que acabamos de ler, e praticar vai te levar para outro patamar porque facilita e muito a compreensão das coisas.

9 - Use frameworks somente quando necessário

React da forma mais pura geralmente é o melhor cenário.

Frameworks como NextJS, Remix e outros podem ser ótimos, mas inicie projetos com eles somente se for relevante e você precisar das features que eles dispõem. Geralmente React já vai ser o suficiente.

10 - Não inicie um projeto com gerenciamento de estado

Redux, Zustand, Easy Peasy e outras ferramentas para gerenciamento de estado devem ser acopladas ao projeto somente se for muito necessário. Elas adicionam uma boa complexidade ao projeto e, na maioria dos casos, você não precisa de gerenciamento de estado logo de cara.

Só adicione ao projeto se realmente for necessário. Mantenha as coisas simples.

11 - Erre bastante

Isso mesmo, erre. Teste, aprenda, não tenha medo de errar.

Mas não erre por errar, aprenda com seus erros. Essa é uma oportunidade de aprendizado que você deve considerar e é muito importante para a sua evolução. Faça uma análise do motivo do erro, não esconda nada e não fique preso a ele. Compartilhe também com outras pessoas.

O objetivo do aprendizado com o erro é evitá-los futuramente.

12 - Aprenda a resolver problemas

Por mais que amemos programar e fazer as coisas do melhor jeito possível, muitas vezes vamos precisar de soluções simples e rápidas para um determinado problema ou validação.

Não fique preso ao código, agregue valor ao negócio e entenda que você está ali para resolver problemas.

13 - Deixe a lógica dos seus componentes no mesmo local

Separar em várias camadas a aplicação pode parecer uma boa ideia, mas dependendo de como é feito, pode espalhar a lógica em diversas pastas e isso pode causar confusão.

Sempre que possível, mantenha a lógica e os recursos no mesmo local de onde você utiliza.

pages/  
   Wallet/  
      utils.tsx  
      ConnectionBridge.tsx  
      ComponentWallet.tsx
      index.tsx

14 - Mantenha os projetos puros

Muitas vezes não é necessária uma nova biblioteca. JavaScript Vanilla já é o suficiente para muita coisa e isso evita você instalar uma tonelada de bibliotecas desnecessárias.

Mas é claro, evite reinventar a roda.

Não crie um sistema de roteamento para o seu projeto, isso só vai causar problemas.

15 - Participe de comunidades

Essa, sem dúvida, causa um dos maiores impactos na carreira de alguém.

Estar próximo de comunidades, presencialmente ou online, pode te ajudar e muito na sua evolução. A troca de conhecimento e experiências é incrível em comunidades de software, e se você tiver oportunidade de participar de alguma, faça.

Já fui Developer Circle Lead e foi um dos melhores momentos da minha carreira. Eu consegui compartilhar muito conhecimento, mas o que recebi em troca foi maior ainda. Você acaba conhecendo muitas pessoas incríveis e, com certeza, as suas histórias podem impactar positivamente na sua vida e no seu jeito de ver as coisas.