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 03h07 de vídeos
  • Certificado com 10 horas
  • 16 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 fazer requisições. 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 fazer requisições. 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 Create React App;
  • JSX;
  • Criação de componentes reutilizáveis;
  • Estados e Propriedades;
  • Trabalhando com Formulários;
  • Introdução aos React Hooks;
  • Fazer requisições a uma API Web com Axios e SWR;
  • 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árias aplicações web 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
  • Google Chrome
  • Visual Studio Code

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Apresentação

    Apresentação do Curso

    3 aulas
    • Apresentação
    • Códigos do Curso
    • Repositório do Curso
  2. Conhecendo o React

    Conheça o que é React, quem usa e para quê ele serve

    8 aulas
    • A web pré e pós componentes
    • O que é React?
    • Quem usa React?
    • O que é DOM e Virtual DOM?
    • Testando o React em um ambiente online
    • Iniciando com o React
    • Resumo
    • Questionário
  3. JSX

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

    5 aulas
    • O que é JSX?
    • Misturando JSX e JavaScript
    • HTML vs JSX
    • Resumo
    • Questionário
  4. Preparando o Ambiente

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

    5 aulas
    • Iniciando um projeto com Create React App
    • Conhecendo a estrutura gerada
    • Gerando arquivos para produção (build)
    • Resumo
    • Questionário
  5. Introdução aos Componentes

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

    8 aulas
    • O que são Componentes?
    • Nosso Primeiro Componente Funcional
    • Nosso Primeiro Componente com Classes
    • Propriedades
    • Estados
    • Funções e Eventos
    • Resumo
    • Questionário
  6. Formulários

    Aprenda a trabalhar com formulários no React

    5 aulas
    • Componentes Controlados e Não Controlados
    • Componentes Não Controlados e Referências
    • Como fazer o envio de formulários?
    • Resumo
    • Questionário
  7. Projeto - Clone do Twitter

    Vamos criar um projeto simples, porém muito legal para colocar no seu portfólio: um clone do Twitter!

    9 aulas
    • Criação do Projeto
    • Componente TextInput
    • Componente Tweet
    • Criação e Estilização da Tela
    • Formatação de Datas
    • Axios e ApiService para Requisições
    • SWR - O Hook para Requisições e Cache
    • Integração com o Servidor
    • Integração de Interface e Lógica
Download da ementa

Cursos relacionados

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

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

  • 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
  • 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
  • Ó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.

  • O curso é muito bom!

    Depoimento - Ivam
    React - Fundamentos
    Ivam Florianópolis / SC
  • Excelente curso e ótima didática do professor. Vocês estão de parabéns!!

    Depoimento - Francisco
    React - Fundamentos
    Francisco Ilha Grande / PI
  • Top esse curso

    Depoimento - Diego
    React - Fundamentos
    Diego Pimenta Bueno / RO

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!