Falando sobre organização de códigos no React

Um pouquinho de conversa sobre padrões de nomes, pastas, organição dentro de um projeto React, com Vite, Vitest e TypeScript

Intro

Olá, eu sou o Leandro, 45 anos, Developer com foco em Front-End e Gestão de Projetos, tenho praticamente 25 anos de carreira no mundo de desenvolvimento Web, comecei com o famoso cargo de WedDesigner, virei WebMaster, e em 2007 migrei pra especialização em tecnologias de Front-End. Também atuei como Gerente de Projetos, Scrum Master, Agile Leader e Liderança Técnica em empresas como 3M, UOL e Itaú. Seja bem-vindo! ❤

O Projeto

Criei um projeto simples, https://github.com/leandroaps/react-todo-app-zustand, utilizando o Vite, nele, existem configurados:

• TypeScript
• Zustand
• MUI
• Styled Components
• ESLint
• Prettier
• Husky
• Commitlint
• Vitest
• RTL
• Path

Eu pessoalmente gosto de seguir alguns padrões de nomenclatura e organização de códigos dentro do React.

Tenho 8 anos de experiência com React, passei por todas as fases de evolução, já fui…