felipe-seabra/react-javascript-boilerplate

O boilerplate para criação de projetos React utilizando JavaScript é uma base sólida para quem está começando a desenvolver com React. Ele já inclui as principais bibliotecas e ferramentas, e tem um arquivo de configuração para compilar seu código JavaScript.

O que foi utilizado?

• Vite
• EditorConfig
• ESLint
• Prettier
• Jest
• React Testing Library
• Plop js

Começando

Primeiro, execute o servidor em modo de desenvolvimento:

npm run dev
# or
yarn dev

Abra a URL http://localhost:5173 no seu navegador.

Scripts

• dev: inicia a aplicação em modo de desenvolvimento;
• build: cria a versão de produção;
• preview: inicializa um servidor web estático local que serve os arquivos do diretório dist (é uma maneira fácil de verificar se a compilação de produção está funcionando corretamente);
• lint: executa o linter em todos os arquivos que estão na regra de configuração;
• lint:fix: executa o linter e corrige todos os arquivos que estão na regra de configuração;
• test: executa os testes unitários e de integração;
• test:watch: executa os testes unitários e de integração em modo escuta;
• coverage-test: executa os testes unitários e de integração e gera um relatório de cobertura de código;
• coverage-test:watch: executa os testes unitários e de integração e gera um relatório de cobertura de código em modo escuta;
• generate:component: cria estrutura básica de um componente;
• generate:hook: cria estrutura básica de um hook.

© Desenvolvido por Felipe Seabra