Neste curso vamos criar um App completo utilizando React e TypeScript, passando pelos conceitos de gestão de estado com React Context, utilizando React Hooks e React Forms, tudo na prática, direto ao ponto!
Fundamentos do React
Aprenda a criar e estruturar Apps com React, trabalhando com componentes e focando no reuso de código.
Neste curso veremos mais sobre o uso do TypeScript com React, trazendo ainda mais vida para nossos Apps com o poder da tipagem.
Contextos e Gestão de Estado
Aprenda a gerenciar estados locais e globais, utilizando o React Context e Provider, duas tecnologias poderosas para esta finalidade.
Hooks
Para dar um ar mais modernos a nossa aplicação, vamos aprender mais sobre o uso de Hooks e como deixar tudo "conectado" para facilitar o desenvolvimento e testes.
Forms
Vamos também ver como podemos criar e validar formulários, utilizando bibliotecas modernas como Yup e claro, muitos Hooks.
Router
Para finalizar, vamos aprender como fazer a navegação de forma eficiente da nossa aplicação, combinando todos os tópicos anteriores.
Link do projeto: https://edijunior88-balta-mytodolist.netlify.app/
- JavaScript – Languages
- TypeScript – Languages
- React – Javascript UI Libraries
- React Router – JavaScript Framework Components
- Vite – JS Build Tools / JS Task Runners
Para ver todas as tecnologias clique aqui
-
Criação do App
- Apresentação
- Instalação
- Estrutura do App
- React e ReactDOM
- Iniciando um componente
- Rodando o App
- Navbar
- Menu de navegação
- Models
- Exibindo os itens
- Criando o item da lista
- Passando parâmetros para os componentes
- Manipulando eventos
- Eventos com parâmetros
- React Context
- Provider
- Utilizando Context
- Services
- useState
- useEffect
- React Router
- React Forms
- Build e Conclusão
- Parabéns, você conseguiu