https://github.com/ederssouza/react-javascript-boilerplate
Boilerplate para criação de projetos React utilizando JavaScript
https://github.com/ederssouza/react-javascript-boilerplate
editorconfig eslint jest plop prettier react react-testing-library vite
Last synced: about 2 months ago
JSON representation
Boilerplate para criação de projetos React utilizando JavaScript
- Host: GitHub
- URL: https://github.com/ederssouza/react-javascript-boilerplate
- Owner: ederssouza
- Created: 2022-09-14T19:00:12.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-09-25T21:00:02.000Z (over 2 years ago)
- Last Synced: 2025-03-25T17:13:50.563Z (2 months ago)
- Topics: editorconfig, eslint, jest, plop, prettier, react, react-testing-library, vite
- Language: JavaScript
- Homepage:
- Size: 244 KB
- Stars: 13
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React JavaScript Boilerplate
## O que foi utilizado?
- [Vite](https://vitejs.dev)
- [EditorConfig](https://editorconfig.org)
- [ESLint](https://eslint.org)
- [Prettier](https://prettier.io)
- [Jest](https://jestjs.io)
- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro)
- [Plop js](https://plopjs.com)
## Começando
Primeiro, execute o servidor em modo de desenvolvimento:
```bash
npm run dev
# or
yarn dev
```
Abra a URL [http://localhost:5173](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.