Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Curso de React - Fundamentos

Aprenda como criar componentes reutilizáveis do React de forma simples, rápida e intuitiva

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 02h42 de vídeos
  • Certificado com 8 horas
  • 15 exercícios

Sobre o curso

React é uma biblioteca criada pelo Facebook para criar elementos de interface reutilizáveis de forma simples, rápida, intuitiva e com ótima performance. Com o React é possível criar tanto aplicações web quanto aplicativos mobile nativos. Com ele você pode reaproveitar elementos em qualquer projeto ou integrar seu código a outros já existentes

O React é uma das bibliotecas JavaScript mais utilizadas, e várias startups e gigantes o utilizam, como Facebook, Instagram, Whatsapp, Twitter, Netflix, Uber, PayPal, Spotify, etc

Tudo isso faz com que o React seja um dos requisitos mais pedidos no mercado de trabalho, e mesmo assim ainda é difícil encontrar pessoas que o dominem completamente

Neste curso nós iremos entrar no mundo do React, aprender a iniciar um projeto, criar componentes, trabalhar com formulários e muito mais. Também vamos criar um clone do Twitter como projeto prático

Ao fim deste curso você já estará pronto para criar suas próprias aplicações web

React é uma biblioteca criada pelo Facebook para criar elementos de interface reutilizáveis de forma simples, rápida, intuitiva e com ótima performance. Com o React é possível criar tanto aplicações web quanto aplicativos mobile nativos. Com ele você pode reaproveitar elementos em qualquer projeto ou integrar seu código a outros já existentes

O React é uma das bibliotecas JavaScript mais utilizadas, e várias startups e gigantes o utilizam, como Facebook, Instagram, Whatsapp, Twitter, Netflix, Uber, PayPal, Spotify, etc

Tudo isso faz com que o React seja um dos requisitos mais pedidos no mercado de trabalho, e mesmo assim ainda é difícil encontrar pessoas que o dominem completamente

Neste curso nós iremos entrar no mundo do React, aprender a iniciar um projeto, criar componentes, trabalhar com formulários e muito mais. Também vamos criar um clone do Twitter como projeto prático

Ao fim deste curso você já estará pronto para criar suas próprias aplicações web

O que irá aprender?

Nesse curso mostraremos tudo o que você precisa aprender para começar a desenvolver aplicações web modernas baseadas em componentes com React de maneira rápida e eficiente

Alguns itens presentes no curso

  • Virtual DOM;
  • Estrutura básica de uma aplicação com React;
  • Iniciando um projeto com o Vite;
  • JSX;
  • Criação de componentes reutilizáveis;
  • Estados e Propriedades;
  • Trabalhando com Formulários;
  • Introdução aos React Hooks;
  • Criação de projeto para fixação - Clone do Twitter.

Pra quem é esse curso?

Esse curso é destinado a desenvolvedores que desejam criar componentes visuais que possam ser reutilizados em vários locais do projeto e melhorar o desempenho de suas aplicações. Para melhor aproveitamento do curso, é necessário um conhecimento intermediário de JavaScript e HTML.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Node.js 20.10.0
  • VS Code 1.87.2
  • React 18.2.0
  • Vite 5.2.0

Sobre o professor

Wesley Gado

Wesley Gado

Formado em Análise e Desenvolvimento de Sistemas pelo Instituto Federal de São Paulo, atuou em projetos como desenvolvedor Front-End. Nas horas vagas grava Podcast e arrisca uns três acordes no violão.

Conteúdo programático

  1. Introdução

    Apresentação do curso

    2 aulas
    • Apresentação do curso
    • Repositório do curso
  2. Conhecendo o React

    Nesta aula vamos configurar o projeto base que utilizaremos para aplicar os conceitos e os cenários de teste.

    7 aulas
    • A web pré e pós componentes
    • O que é React?
    • Quem usa React?
    • O que é DOM e Virtual DOM?
    • Entendendo o React
    • Iniciando com o React
    • Questionário
  3. JSX

    Conheça o JSX, sintaxe utilizada para se trabalhar com o React

    2 aulas
    • O que é JSX
    • Questionário
  4. Preparando o Ambiente

    Aprenda a iniciar um projeto React e entenda a estrutura e função de cada arquivo

    4 aulas
    • Criando Projeto React
    • Estrutura de um projeto React
    • Iniciando Projeto React
    • Questionário
  5. Introdução aos Componentes

    Vamos ver uma breve introdução ao mundo dos componentes

    6 aulas
    • Criando componentes
    • Propriedades
    • Estilização com CSS Modules
    • Estados
    • Funções e eventos
    • Questionário
  6. Formulários

    Aprenda a trabalhar com formulários no React

    3 aulas
    • Componentes controlados e não controlados
    • Como fazer envio de formulários
    • Questionário
  7. Projeto - Clone Twitter

    Vamos desenvolver um projeto simples, mas muito legal para aprender e fixar os conceitos utilizando o React

    10 aulas
    • Criando página index
    • Configurando componente TextInput
    • Configurando botão tweetar
    • Estilizando index
    • Criando componente Tweet
    • Estilizando componente Tweet
    • Estilizando lista de tweets
    • Ajustando componente Tweet
    • Formatando Data do Tweet
    • Criando useIndex e aprimorando aplicação
Download da ementa

Cursos relacionados

Algumas das formações onde esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

  • Ótimo curso de React, aprendi bastante e usarei esses ensinamentos para realizar minhas aplicações

  • Um curso que prepara a base do React bastante explicativo e com muita prática. Sem dúvida muito bem estruturado e com um projeto final que consolida tudo que foi mostrado.

  • Curso muito show, muito obrigado pela oportunidade de participar do curso.

    Depoimento - Joao
    React - Fundamentos
    Joao Marabá / PA
  • Parabéns pelo curso, fundamentos básicos top para evolução no mundo dev.

    Depoimento - Izaias
    React - Fundamentos
    Izaias Sarandi / PR
  • O curso é muito bom!

    Depoimento - Ivam
    React - Fundamentos
    Ivam Florianópolis / SC
  • Top esse curso

    Depoimento - Diego
    React - Fundamentos
    Diego Pimenta Bueno / RO
  • Excelente curso e ótima didática do professor. Vocês estão de parabéns!!

    Depoimento - Francisco
    React - Fundamentos
    Francisco Ilha Grande / PI
  • Parabéns, professor entende do assunto e explica bem. Fiz todas as anotações que julguei necessárias. Recomendo e estou ansioso para aprender mais a respeito.

  • Gostei muito do curso, realmente deu pra ter uma boa noção de como funciona!

    Depoimento - Matheus
    React - Fundamentos
    Matheus Porto Alegre / RS

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 129,00 ECONOMIZE R$ 960,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!