curso de

React: Modernizando sua forma de escrever com Typescript

Estudando este mês:

e mais 182 alunos(as)

Resumo do curso

  • Crie um projeto React com Typescript do zero com Create React App
  • Entenda conceitos de React como Componentização, Props e State
  • Evite sobreposições de CSS com CSS Modules
  • Aprenda sobre os hooks useState e useEffect e entenda como eles eram usados nos class components
  • Deixe seu código mais limpo e documentado com a forma mais atual de se escrever React
  • Desenvolva seu código com conceitos de boas práticas como DRY (Don't repeat yourself) e SRP (Single Responsibility Principle)

Público alvo

Desenvolvedores que querem ingressar em React, desenvolvedores que utilizando React com Javascript e gostariam de aprender React com Typescript e desenvolvedores que utilizam React da forma antiga (com class components).

Conteúdo relacionado

Cursos de React em Front-end

Leia nossos artigos de Front-end

Já é aluno?

Comece o curso agora

12h

p/ conclusão

64

Atividades

245

Minutos de video

178

Alunos nesse curso

9

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de React: Modernizando sua forma de escrever com Typescript

Conteúdo Detalhado

  1. Criando o projeto

    • Apresentação
    • Criando o projeto
    • Entendendo o projeto
  2. Componentização

    • Criando um componente
    • Criando o formulário
    • Criando a lista
    • Renderizando um array
  3. Usando CSS

    • Aprendendo a estilizar
    • Estilizando com Sass
    • Usando CSS Modules
  4. Props

    • Conhecendo Props
    • Refatorando a lista
    • Criando o cronômetro
  5. State

    • Introduzindo estados
    • Controlando o formulário
    • Adicionando uma tarefa
    • Atualizando a tarefa
  6. Selecionando um item

    • Selecionando uma tarefa
    • Mostrando a tarefa selecionada
    • Tempo para segundos
    • Começando o cronômetro
  7. Finalizando a aplicação

    • Observando mudanças
    • Mostrando no relógio
    • Regressiva
    • Finalizando a tarefa
    • Conclusão

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Aprenda React com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas