Neste projeto, desenvolvi o segundo módulo do curso de React da Rocketseat. Com isso, adquiri uma vasta experiência em React e outras tecnologias relacionadas.
- React com Vite: ^18.3.1
- Typescript: ^5.2.2
- Pode cadasatrar um novo projeto com nome e tempo de desenvolvimento;
- Pode para esse projeto em execução;
- Na área de listagem, pode verificar todos os projetos que já trabalho com o devido status de cada projeto;
- Gravando os cyclos em localStorage;
- Styled-components;
- Roteamento com React Autodown';
- Contextos;
- Reducers;
- Immer;
- React Hook Form;
- Validação utilizando o Hook Form Resolvers e Zod;
- Fornatação de datas e hora com date-fns;
Biblioteca para auxiliar o estilo em css do projeto
npm i styled-components
npm i @types/styled-components -D
Biblioteca Eslint
npm i eslint -D
Biblioteca as configurações da Rocketseat do eslint, não esqueça de baixar a estenção do Eslint e deixar a pasta .vscode no seu projeto.
npm i @rocketseat/eslint-config -D
Biblioteca de rotas no projeto
npm i react-router-dom
Biblioteca de icones para o projeto: https://phosphoricons.com/
npm i phosphor-react
Biblioteca de formulários
npm i react-hook-form
Biblioteca de validação de formulários
npm i zod
Biblioteca para intregar a zod com a Hook form
npm i @hookform/resolvers
Biblioteca para trabalhar com datas e tempo
npm i date-fns
Biblioteca para trabalhar com dados imutavies
npm i immer
Comando para vasculhar erros do eslint no código
npx eslint src --ext .ts, .tsx
Comando para corrir todos os erros no eslint automaticamente em todo o projeto.
npx eslint src --ext .ts, .tsx --fix
-
Clone o repositório:
git clone https://github.com/fabiocasadossites/react-igniteTime-rocketseat.git
-
Navegue até o diretório do projeto:
cd nome-do-repositorio -
Atualize o projeto, Em seu terminal e na pasta do projeto
npm install
-
Rodar o projeto
npm run dev
Fabio Augusto
GitHub |
LinkedIn
|
Portfolio
💻 com ❤️ por Fabio Augusto