Skip to content

site de um cronometro desenvolvido no curso de react da rocketseat

Notifications You must be signed in to change notification settings

RosieCarvalho/timer

Repository files navigation

O QUE FOI USADO NO PROJETO

  1. Vite js
  2. react js

Aprendizados

Bibliotecas

  • estilos: styled-components
    • themes
    • types do tema (@types)
  • roteamento: react-router-dom
    • layout padrão com Outlet
  • formulários: react-hook-form -https://react-hook-form.com/
    • integrar o hook form com libs de validação: @hookforms/resolvers
    • validação de form: zod
    • usando contexto no react=hook-form

CSS

  • estilos de botão (disabled, hover)
  • estilos de input

html

  • input no html - varios parametros legais
  • table html

typescript

  • configuração no style de status

hooks react

  • useEffect : função return para resertar ultima ação

context

  • criando o proprio contexto

reducer

  • na branch feat/reducer está o uso do reducer no react
  • uso do useReducer

About

site de um cronometro desenvolvido no curso de react da rocketseat

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published