Logo do curso
Curso

React:

aprenda a pensar em componentes

Quero estudar na alura

14h

Para conclusão

86

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Compreenda por que o React existe e aplique as regras do JSX ao criar componentes reutilizáveis.
  • Migre funcionalidades de um projeto JavaScript para uma arquitetura baseada em componentes React.
  • Gerencie estados e efeitos usando hooks como useState, useEffect e useRef para controlar interações e timers.
  • Tipifique componentes e dados com TypeScript usando interfaces, union types e generics para reduzir erros.
  • Estilize componentes de forma isolada com CSS Modules e organize layouts com Flexbox e SVGs.
  • Prepare builds e realize o deploy de aplicações React utilizando Vite, GitHub e plataformas como Vercel.

Público alvo_

Este curso é indicado para desenvolvedores, estudantes que já conhecem JavaScript e DOM e desejam migrar projetos para React, dominar componentes, hooks e adquirir conhecimentos essenciais de TypeScript e deploy.

Vinicios Neves

Vinicios Neves

github

linkedin

Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Portugal e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

Curso atualizado em 04/08/2026

Ementa

  1. Seu primeiro componente react

    • Criando o projeto com Vite + React
    • O que é jsx
    • Entendendo as regras do JSX
    • Criando componentes
    • Conhecendo o CSS modules
  2. Montando o layout

    • Banner e suas propriedades
    • Card, tab e tabs
    • Display e toggle de música
    • Ícones e botão de começar
    • Agente de código ao resgate
  3. Estado e eventos

    • Gerindo estados e reagindo a cliques
    • Entendendo o processo de Legibilidade
    • Renderização condicional
    • Configurando listas e keys
    • Por que o react existe?
  4. Hooks na prática

    • Utilizando useState pro tempo restante
    • Configurando o useEffect e setInterval
    • Desvendando o useEffect
    • Entendendo o useRef - referências sem re-render
  5. Formulários no react 19

    • O jeito antigo vs o jeito novo
    • Implementando o useActionState
    • Finalizando o CRUD completo
    • Simplificação de formulários
  6. Typescript essencial

    • Por que Typescript?
    • Tipos básicos e interfaces
    • Tipando props de componentes
    • Tipando hooks e props opcionais
    • Garantindo a integridade dos projetos
  7. Build e deploy: o fokus vai pro ar

    • Fazendo o build de produção
    • Como funciona um deploy de front-end
    • Realizando o deploy na vercel

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda React com esse e outros cursos, comece agora!

Conheça os Planos para Empresas