Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
ReactJS e NextJS: Do Zero ao Profissional Projetos reais
Rating: 4.6 out of 5(41 ratings)
209 students

ReactJS e NextJS: Do Zero ao Profissional Projetos reais

Aprenda React e Next passo a passo com hooks, APIs, rotas, autenticação, SSR, testes e projetos práticos do mundo real
Created byDaniel Lopes
Last updated 6/2025
Portuguese
Portuguese [Auto],

What you'll learn

  • Criar aplicações web modernas e responsivas utilizando ReactJS.
  • Entender o ciclo de vida dos componentes e como manipulá-los eficientemente.
  • Trabalhar com hooks como useState, useEffect e custom hooks.
  • Integrar APIs REST em aplicações React.
  • Gerenciar o estado global da aplicação com Context API.
  • Escrever testes para ReactJS com react-testing-library vite/jest

Course content

12 sections • 200 lectures • 19h 5m total length

  • 1- Abertura do curso1:42
  • 2 - O que ReactJS e o que é JSX?3:02

    Entenda o que é ReactJS, por que ele é uma das bibliotecas mais populares para desenvolvimento web e aprenda o conceito de JSX, uma extensão de JavaScript que facilita a criação de interfaces.


  • 3 - Conhecendo a documentação e ferramentas necessárias4:34

    Aprenda a navegar na documentação oficial do ReactJS e descubra as principais ferramentas e recursos que utilizaremos durante o curso.


  • 4 - Criando o primeiro projeto ReactJS4:46

    Inicie sua primeira aplicação ReactJS do zero! Aprenda a configurar o ambiente e a criar uma base sólida para seu aprendizado.


  • 5 - Conhecendo todas as pastas de um projeto ReactJS7:03

    Explore a estrutura de pastas e arquivos de um projeto ReactJS e entenda a função de cada um.


  • 6 - Trabalhando com o JSX pela primeira vez8:15

    Comece a escrever JSX e descubra como criar elementos dinâmicos diretamente no ReactJS.


  • 7 - O que são components?5:49

    Entenda o que são components, os blocos de construção fundamentais de aplicações ReactJS.


  • 8 - Praticando components - Parte 19:38

    Aplique os conceitos aprendidos e comece a criar seus primeiros components no ReactJS.


  • 9 - Praticando components - Parte 29:08

    Aprofunde-se no uso de components e explore práticas avançadas para torná-los mais reutilizáveis e eficientes.


  • Conceitos Fundamentais do ReactJS e JSX
  • 10 - Teoria sobre estados e o hook useState6:44

    Descubra o conceito de estados no ReactJS e como o hook useState é usado para gerenciá-los de maneira simples e eficiente.


  • 11 - Trabalhando com useState e renderizações condicionais8:51

    Combine o uso de useState com renderizações condicionais para criar aplicações mais dinâmicas e interativas.


  • 12 - Incrementando e aprendendo mais práticas de estado5:59

    Aprofunde-se no uso do estado no ReactJS, aprendendo práticas para gerenciar e atualizar estados de forma eficiente.


  • 13 - Conhecendo o hook useEffect - Parte 16:36

    Aprenda como o hook useEffect funciona e como utilizá-lo para lidar com efeitos colaterais em seus components.


  • 14 - Cleanup do useEffect4:10

    Descubra o conceito de "cleanup" no useEffect e por que ele é importante para evitar problemas em suas aplicações ReactJS.


  • 15 - Chamada a API usando o useEffect11:34

    Aprenda a fazer requisições a APIs diretamente no ReactJS usando o hook useEffect, criando uma integração funcional.


  • 16 - Melhorando a integração com a API9:00

    Refine a integração com APIs, aplicando boas práticas e otimizando o código para um melhor desempenho.


  • 17 - Como componentizar um projeto8:41

    Descubra como organizar e dividir um projeto em múltiplos components, tornando seu código mais limpo, escalável e reutilizável.

  • Gerenciamento de Estados e Componentização no ReactJS

Requirements

  • Nenhuma experiência prévia com ReactJS é necessária. Você aprenderá tudo do básico ao avançado.
  • Conhecimentos básicos de HTML, CSS e JavaScript serão úteis para aproveitar melhor o curso.

Description

Neste curso completo de ReactJS, você aprenderá desde os conceitos básicos até técnicas avançadas para criar aplicativos interativos e profissionais. Ao longo do curso, você dominará os principais conceitos e ferramentas do ReactJS, como o gerenciamento de estado, hooks, componentes reutilizáveis, renderizações condicionais e integração com APIs externas.

Este curso é ideal para iniciantes e desenvolvedores que desejam aprimorar suas habilidades em ReactJS e criar soluções dinâmicas e eficientes para a web. Você aprenderá a trabalhar com o useState e o useEffect, a estruturar projetos React de forma eficiente, e como utilizar as principais ferramentas para otimizar o desempenho de suas aplicações. Além disso, você terá a oportunidade de aplicar seus conhecimentos em um projeto prático ao final do curso, criando um aplicativo interativo do zero.

O que você vai aprender:

  • Entender os conceitos fundamentais do ReactJS e como utilizá-los para criar aplicativos funcionais.

  • Entender os conceitos fundamentais do NextJS e como utilizá-los para criar aplicativos funcionais.

  • Trabalhar com hooks como useState e useEffect, aprendendo a manipular estados e efeitos em componentes.

  • Dominar o uso de componentes, criando interfaces reutilizáveis e escaláveis.

  • Integrar APIs externas para interagir com dados dinâmicos em tempo real.

  • Desenvolver um projeto final, aplicando tudo o que aprendeu ao criar um aplicativo React funcional.

Pré-requisitos:

  • Nenhuma experiência prévia com ReactJS é necessária. Este curso é adequado para iniciantes e também para desenvolvedores que querem aprimorar suas habilidades.

Quem deve fazer este curso:

  • Desenvolvedores iniciantes e intermediários que querem aprender ReactJS do zero.

  • Estudantes ou profissionais que buscam entender como criar aplicações web interativas e dinâmicas.

Este curso é ideal para você se deseja entender profundamente o ReactJS e criar aplicações profissionais que atendem a demandas reais do mercado de tecnologia. Vamos começar agora e dar o primeiro passo rumo ao domínio do ReactJS!"

Who this course is for:

  • Desenvolvedores front-end que querem aprimorar suas habilidades e dominar ReactJS.

Report abuse