React do Zero — Aprenda React na Prática com Projetos Reais

Desvendando o Código • Formação prática

React do Zero

Transforme seus conhecimentos de JavaScript em aplicações reais. Aprenda componentes, estados, eventos e integração com APIs enquanto constrói projetos do início ao fim.

Projetos reaisReact + JavaScriptIntegração com APIs
Tela real do catálogo de produtos desenvolvido com React, mostrando cadastro, busca e cartões de produtos
Conheça os projetos ↓
Aprenda fazendo

Do JavaScript às aplicações com React

Você já estudou os fundamentos de JavaScript e quer avançar para a criação de interfaces modernas? Aqui, cada conceito aparece ligado a uma necessidade real do projeto, para você entender não apenas como escrever o código, mas por que ele é utilizado.

01 • Entenda

Descubra como componentes e propriedades organizam uma interface React.

02 • Interaja

Trabalhe com estados, eventos, formulários e atualizações da tela.

03 • Integre

Consuma APIs e desenvolva funcionalidades práticas de cadastro e gerenciamento.

Projetos desenvolvidos nas aulas

Veja o que você vai construir

Não são imagens ilustrativas: são capturas das aplicações utilizadas na formação.

Calculadora de IMC em React com campos de peso e altura e resultado calculado
Projeto 01 • Fundamentos

Calculadora de IMC

Crie uma interface interativa que recebe peso e altura, calcula o IMC e apresenta o resultado na tela. Um projeto para praticar componentes, eventos e gerenciamento de estados.

Gerenciador de tarefas Dev Tasks em React com JSON Server, incluindo tarefas pendentes e concluídas
Projeto 02 • React + JSON Server

Dev Tasks — Gerenciador de Tarefas

Adicione tarefas, marque como concluídas, reabra e exclua itens. Entenda como o React se comunica com uma API REST simulada pelo JSON Server.

Catálogo de produtos em React integrado a API, com formulário, busca, edição e exclusão de produtos
Projeto 03 • Integração com API

Catálogo de Produtos

Desenvolva uma interface de cadastro e gerenciamento de produtos, com busca, listagem, edição e exclusão. Aplique os conhecimentos de React em uma aplicação que se comunica com uma API.

Interface do sistema de agendamento para barbearia desenvolvida em React e Bootstrap
Projeto 04 • Frontend + material complementar

Agendamento para Barbearia

Desenvolva nas aulas o frontend de um sistema de agendamento com React e Bootstrap, trabalhando com componentes, formulários e integração com API. O material do projeto também inclui o backend em Node.js e MySQL, fornecido como apoio para conectar e estudar a aplicação integrada.

Importante: as aulas deste projeto são focadas no frontend em React. O desenvolvimento do backend não é ensinado nesta parte do curso.

Sobre os projetos: a calculadora é uma aplicação de estudo; o Dev Tasks utiliza o JSON Server para simular uma API REST; e o catálogo demonstra a integração de uma interface React com API. O projeto da barbearia inclui backend Node.js e MySQL como material complementar, mas as aulas desenvolvem o frontend. São projetos didáticos, não sistemas comerciais prontos para produção.

Sua jornada

Evolua de forma progressiva

Os conceitos aparecem em situações práticas, dos primeiros componentes até aplicações integradas.

1

Primeiros passos

Estrutura de projeto React e criação de componentes.

2

Interfaces dinâmicas

Estados, propriedades, eventos e formulários.

3

Dados e listas

Renderização de informações e interação com o usuário.

4

Integração com APIs

Requisições e funcionalidades de gerenciamento de dados.

O que você encontra

Aprenda React construindo

Uma formação voltada à prática, para quem deseja sair dos fundamentos de JavaScript e começar a desenvolver aplicações com React.

Quero aprender React →
  • Aulas de React com JavaScript
  • Criação e organização de componentes
  • Estados, eventos e formulários
  • Calculadora de IMC
  • Dev Tasks com JSON Server
  • Catálogo de Produtos integrado à API
  • Frontend de agendamento para barbearia com React e Bootstrap
  • Backend Node.js + MySQL da barbearia fornecido como material complementar (sem aulas de desenvolvimento do backend)
Dúvidas frequentes

Antes de começar

Preciso saber JavaScript?

É recomendado conhecer os fundamentos de JavaScript, como variáveis, funções, arrays, objetos e eventos. O curso parte dessa base para ensinar React.

O curso é só teoria?

Não. Os conceitos são aplicados em projetos como Calculadora de IMC, Dev Tasks, Catálogo de Produtos e frontend do sistema de agendamento para barbearia.

O JSON Server é um backend completo?

Não. Ele simula uma API REST para fins de aprendizagem e permite praticar requisições e gerenciamento de dados.

O backend da barbearia é ensinado nas aulas?

Não. As aulas desse projeto são voltadas ao frontend com React e Bootstrap. O backend em Node.js e MySQL acompanha o material do projeto para integração e estudo.

O livro de React está incluído?

Esta oferta é referente ao curso em vídeo. O livro de React está em desenvolvimento e não faz parte desta oferta.

Onde faço minha inscrição?

Ao clicar no botão de inscrição, você será direcionado para a Hotmart, onde poderá conferir as condições de compra.

Pronto para avançar?

Do JavaScript aos seus projetos em React.

Aprenda os fundamentos do React e coloque seus conhecimentos em prática com aplicações reais.

R$ 297,00

Confira as condições e formas de pagamento na Hotmart.

Inscrever-se no React do Zero →