/timer-reactjs

Primary LanguageTypeScript

React + TypeScript + Vite

Conteúdos

  • Roteamento
  • renderizações no React e fluxo do useEffect
  • gerenciamento de estados via Contextos do React e Reducers
  • immer
  • estilização via CSS-in-JS
  • formulários

🛠 Instalação

Criar

npm create vite@latest

Instalar dependências

npm i

Styled Components

npm i styled components

npm i @types/styled-components -D

Eslint

extensão vscode - ESLint

npm i eslint -D

npm i @rocketseat/eslint-config -D

npx eslint src --ext .ts,.tsx

npx eslint src --ext .ts,.tsx --fix

Rotas

npm i react-router-dom

Phosphor React

npm i phosphor-react

React Hook Form

npm i react-hook-form

Validações

npm i zod

npm i @hookform/resolvers

Data

npm i date-fns

Immer

npm i immer

Referência