Logo do curso
Curso

React:

construa uma aplicação front-end completa

Quero estudar na alura

14h

Para conclusão

64

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Implemente navegação em múltiplas páginas com rotas absolutas e relativas usando React Router.
  • Integre a aplicação com APIs remotas realizando requisições HTTP e manipulando dados assíncronos.
  • Implemente autenticação com JWT e proteja rotas sensíveis na interface.
  • Implemente upload de imagens e formulários com FormData, tratando cabeçalhos e respostas do servidor.
  • Aplique estratégias de tratamento de erros com Error Boundaries e Suspense para aumentar a resiliência.
  • Escreva testes automatizados com Vitest e React Testing Library para garantir a robustez das funcionalidades.
  • Utilize TypeScript para tipar componentes e melhorar a manutenção e a segurança do código.

Público alvo_

Profissionais, estudantes e entusiastas de front-end que desejam dominar práticas atuais do ecossistema React — incluindo TypeScript, roteamento, integração com back-ends e testes automatizados — para desenvolver aplicações web reais e escaláveis.

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 16/08/2026

Ementa

  1. Explorando o React Router

    • Uma rota pra cada página
    • Explorando o código que recebemos
    • Criando a primeira rota
    • Criando um layout route
    • Navegação: link, NavLink e useNavigate
    • Construindo uma SPA
  2. Primeiro contato com o backend

    • Subindo a API e lendo o swagger
    • O feed de verdade-fetch
    • Implementando o Axios
    • Entendendo loading e erro
  3. Autenticação: cadastro, login e o token

    • Cadastro com useActionState
    • Implementando login e o token JWT
    • Como a web sabe quem você é
    • Enviando o token
    • Entendendo as rotas protegidas e logout
  4. Forms e upload de imagem

    • O form de postagem com useActionState
    • Fazendo o upload de imagem
    • Entendendo o content-type
    • Criando o preview da imagem
    • Realizando o fluxo de navegação
  5. Perfil e interações sociais

    • Obtendo posts do usuário logado
    • Exibindo os dados reais do perfil
    • Editando o perfil
    • Curtindo posts
    • Implementando a modal de comentários
    • Corrigindo bugs e reagindo as tabs
  6. Testando o runner circle

    • Tudo que você precisa saber sobre testes
    • Realizando o seu primeiro teste
    • Utilizando queries para testar um componente
    • Interagindo com o mundo externo
    • Conhecendo a carreira Desenvolvedor front-end React

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