Workshop
Typescript no React
Nível
28 aulas
2h28
Assistir agora
1. Introdução e Conteúdo do Workshop
Aplicações Typescript estão cada vez mais presentes. E a união de Typescript + React é uma combinação muito boa! Nesse workshop vamos trazer os principais macetes, dicas e procedimentos para que você consiga implementar TS em suas aplicações React (sejam elas novas ou já existentes). Dentre outros tópicos vamos ver:
- Migração de uma aplicação JS para TS (incluindo o
tsconfig
) - Tipando
props
echildren
- Tipando Eventos e Event Handlers
- Criando componentes flexíveis - inclusive inspirados em bibliotecas famosas
- Tipando alguns hooks
- Context API.
Não é necessária experiência prévia com Typescript para assistir a esse workshop - mas é recomendado uma base mínima de React.
- Introdução e Conteúdo do Workshop
- Transformando uma Aplicação JS em TS
- O tsc init e o tsconfig.json
- Ajustando o projeto
- JavaScript x TypeScript: Migração Simples
- Migrando todo o projeto para TypeScript
- moduleResolution Bundler
- Migração para Typescript: Erros Comuns
- Brincando com TypeScript no TS Playground
- O Gerador de Frases Aleatórias
- Exercício - Props
- Explicação - Props
- Tipando o useState
- Exercício - Children
- Resolução - Children
- Exercício - Eventos
- Resolução - Eventos
- Exercício - Eventos II
- Resolução - Eventos II