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 videos
  • Certificado com 10 horas
  • 16 exercícios

Sobre o curso

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

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

Formação em que esse curso está inserido

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

  • Antes de começar o curso eu já possuía um conhecimento mediano sobre C# e mesmo no módulo básico vi funcionalidades que ainda não conhecia. Ótimos métodos de aprendizagem, simples e eficaz. Recomendado.

    Depoimento - Carlos
    C# (C Sharp) Básico
    Carlos Poços de Caldas / MG
  • Excelente curso, onde pude aprender um pouco mais sobre itens avançados e/ou aumentar o conhecimento prévio que tinha em alguns itens... Com certeza, minhas aplicações ficarão melhores e mais eficientes depois destas implementações....

    Depoimento - Valdeir
    React - Tópicos Avançados
    Valdeir Tupã / SP
  • Curso bem completo, videos ilustram bem o conteúdo. Para quem já conhece outras linguagens, é um pouco redundante, pois boa parte do conteúdo passado faz parte da orientação à objetos. Mesmo assim, não deixa de ser um ótimo curso.

    Depoimento - André
    C# (C Sharp) Básico
    André São Paulo / SP
  • Estou gostando muito da Trilha de React da TreinaWeb. Pouco a pouco estou adquirindo conhecimentos que eu nunca tinha visto serem passados em outros cursos gratuitos, workshops ou quaisquer outras abordagens, e isto está me ajudando muito. :D Continuarei esta trilha até o fim, e parabenizo totalmente o Akira tanto pelo suporte quanto pelas aulas que estão disponibilizadas sobre React (que estão sensacionais).

    Depoimento - Diego
    React - Dominando Componentes
    Diego Ribeirão Pires / SP
  • Excelente didática, o professor conseguiu explicar de uma forma engajante o conteúdo. Obs: Conteúdo abordado, foi show adorei inclusive a parte dos Guidelines do PHP, assim como um projeto final abordando os conteúdos vistos no curso.

    Depoimento - Laércio
    PHP - Fundamentos
    Laércio Yokohama-shi Tsurumi-ku / SP
  • O curso foi excelente me fez entender muito bem como realmente deve-se programar orientado a objetos, tinha o conceito do que é cada recurso porém não sabia antes aplicar, com o curso aprendi realmente como deve se aplicar, o que facilita em muito o desenvolvimento da aplicação.

    Depoimento - Wellington
    Lógica Orientada a Objetos Completo
    Wellington São Paulo / SP
  • É com imensa satisfação que deixo mais um depoimento sobre um curso da TreinaWeb. É chato ser repetitivo, mas quando é para retificar algo com tamanha excelência eu acho relevante. O Curso de Introdução ao Angular é mais um produto com o Selo de Qualidade TreinaWeb, no que diz respeito à didática e, também, nas aulas em textos e vídeos. Sensacional! Recomendo fortemente!!! Carlos A Santos

    Depoimento - Carlos
    Angular - Introdução
    Carlos Rio de Janeiro / RJ
  • Curso ótimo, trouxe informações no qual eu não tinha muito conhecimento, pois apesar de estar um pouco familiarizado com desenvolvimento web, esse conteúdo sobre acessibilidade me trouxe um melhor entendimento sobre o público alvo. Grato.

    Depoimento - Angelo
    Acessibilidade - Introdução
    Angelo ELDORADO / SP
  • Sempre muito bom. Sou cliente a uma década, desde a época que comprava o curso avulso. Estou utilizando o curso como base principal para tirar certificação 70-483. Estou usando outras fontes de estudo também, mas os cursos da TreinaWeb é a base para meus estudos.

    Depoimento - Lemos
    C# (C Sharp) Avançado
    Lemos Rio de Janeiro / RJ

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$ 97,00 ECONOMIZE R$ 576,00
12x R$ 49,00 ou R$ 588,00 à vista
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!