17 Tips from a Senior React Developer

The article collects 17 tips for learning and working with React, based on the author’s experience at Palantir. It argues for building projects early, reading the docs and other code, keeping components simple, using TypeScript, refactoring regularly, and choosing libraries or frameworks only when they are actually needed.

Fichamento

#

• Aprender JavaScript antes de React evita confusão entre o que é da linguagem e o que é específico do framework.
• A documentação oficial da React, incluindo o Quick Start e os capítulos de learning, é suficiente para começar.
• Assistir a tutoriais e comprar cursos não substitui construir projetos desde cedo.
• Bibliotecas devem vir de autores confiáveis, com bom volume de downloads e atualizações regulares.
• Sempre que possível, o texto recomenda resolver problemas com JavaScript nativo para reduzir dependências, peso do bundle, tempo de build e manutenção.
• O tamanho do bundle deve ser acompanhado, e o lazy loading é sugerido para evitar lentidão no carregamento.
• Código e assets relacionados a um componente devem ficar juntos para facilitar a leitura e evitar arquivos esquecidos.
• Componentes que tentam fazer tudo tendem a ser difíceis de ler, de manter e de alterar sem efeitos colaterais.
• Resolver problemas variados com React ajuda a identificar padrões, anti-patterns e novas abordagens.
• Além de React, o texto defende estudar estruturas de dados, algoritmos e princípios gerais de programação.
• Ler bastante código React, de projetos open source e de colegas, também é apresentado como forma importante de aprendizado.
• TypeScript é mostrado como uma mudança grande no fluxo de trabalho, com menos erros de props e menos bugs chegando à produção.
• Abstrações cedo demais podem criar soluções erradas e gerar refatoração depois ou código ruim difícil de evoluir.
• Para apps simples, state management embutido do React, como useState, useReducer e useContext, costuma ser suficiente.
• O texto alerta contra seguir conselhos online sem avaliar o próprio contexto, citando o caso de memoization e React 19.
• Refatorações curtas e frequentes ajudam quando componentes ficam grandes, confusos ou complexos demais.
• Um setup simples com React, Vite e react-router pode bastar; frameworks como Next.js e Remix devem entrar só quando seus recursos forem necessários.