https://github.com/ricnaga/react-templates
Aplicação utilizadas como template para funções mais básicas
https://github.com/ricnaga/react-templates
chakra-ui eslint husky json-server lint-staged prettier react typecheck typescript webpack
Last synced: 2 months ago
JSON representation
Aplicação utilizadas como template para funções mais básicas
- Host: GitHub
- URL: https://github.com/ricnaga/react-templates
- Owner: Ricnaga
- License: mit
- Created: 2022-11-25T00:09:07.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-31T21:20:25.000Z (about 3 years ago)
- Last Synced: 2026-01-01T21:06:40.001Z (6 months ago)
- Topics: chakra-ui, eslint, husky, json-server, lint-staged, prettier, react, typecheck, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 1.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license
Awesome Lists containing this project
README
# react templates
###
Aplicação em Reactjs/Typescript, abordando conceitos sobre:
- [TypeScript](https://www.typescriptlang.org/) - Tipagens avançadas
- [ChakraUI](https://chakra-ui.com/) - UI para react
- [Webpack](https://webpack.js.org/) - Bundler para gerenciar a aplicação
- [Formik](https://formik.org/docs/overview/) - Manipulação de formulário
- [Testing library](https://testing-library.com/) - Testes unitários
- [ESLint](https://eslint.org/) - linter para código
- [Prettier](https://prettier.io/) - formatador de código
- [Husky](https://typicode.github.io/husky/#/) - Capturar determinado momento de um commit
- [Lint-staged](https://github.com/okonet/lint-staged) - Executar ações em determinado momento de um commit
- [Commitlint](https://commitlint.js.org/#/) - Formatador de commits
- [Commitizen](https://github.com/commitizen/cz-cli) - Automiza mensagens de commit
##
Requisitos
Para executar a aplicação é necessário instalar algumas ferramentas tais como um editor de códigos para realizar compilação dos mesmos. Nesse projeto foi utilizado o [Visual Studio Code](https://code.visualstudio.com/), [NodeJS](https://nodejs.org/en/) para compilação do código, [Git Bash](https://gitforwindows.org/) para baixar o repositório e baixar todas as dependências necessárias.
```bash
# Clone este repositório(caso ja tenha feito isso no passo anterior, pule para o próximo comando)
$ git clone
# Acesse a pasta do projeto no terminal/cmd
$ cd react-templates
# Instale as dependências
$ yarn (ou npm -i)
# Inicie a aplicação
$ yarn dev (ou npm run dev)
# A aplicação abrirá automaticamente um navegador com o endereço
```