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

Curso de React - Dominando Componentes

Aprenda a trabalhar com componentes no React.

Nível Intermediário Categoria Desenvolvimento Front-end

  • Curso com 03h12 de vídeos
  • Certificado com 12 horas
  • 21 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 nos aprofundar na criação de componentes com React e a utilizar a React Developer Tools.

Ao fim deste curso você já estará dominando a criação avançada de componentes

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 nos aprofundar na criação de componentes com React e a utilizar a React Developer Tools.

Ao fim deste curso você já estará dominando a criação avançada de componentes

O que irá aprender?

Neste curso mostraremos tudo o que você precisa aprender para criar componentes com React. São vídeo aulas e apostilas que mostram como utilizar e criar estes elementos disponíveis no React. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido durante o curso.

Dentre várias outras coisas, você verá:

  • Como criar componentes com funções e classes;
  • Trabalhar com propriedades e estados;
  • Eventos e Ciclos de Vida do Componente;
  • Listas de Elementos e Keys;
  • Fragments;
  • Acessando elementos com Refs;
  • Portals;
  • Context;
  • React Developer Tools.

Pra quem é esse curso?

Esse curso é destinado a desenvolvedores que possuam pelo menos um conhecimento básico de React e desejam melhorar seus conhecimentos na criação de componentes. 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

    4 aulas
    • Apresentação do curso
    • Códigos do Curso
    • Repositório do Curso
    • Preparando o Ambiente
  2. Criando componentes

    Aprenda a criar componentes com React

    8 aulas
    • Apresentação
    • O que são Componentes?
    • Criando Componentes com Funções
    • Criando Componentes com Classes
    • Acessando Componentes de Objetos e Selecionando Componentes
    • Projeto: Componentes da aplicação
    • Resumo
    • Questionário
  3. Propriedades e Estados

    Aprenda a passar dados para os componentes e como trabalhar com variáveis que controlam o estado dos componentes

    7 aulas
    • Apresentação
    • Propriedades
    • Propriedades e Operador Spread
    • Estados
    • Projeto: Propriedades e Estados dos Componentes
    • Resumo
    • Questionário
  4. Eventos e Ciclo de Vida dos Componentes

    Aprenda a trabalhar com eventos e conheça os métodos executados durante a existência de um componente

    10 aulas
    • Apresentação
    • Trabalhando com Eventos
    • Escopo e Bind
    • Passando Parâmetros
    • O problema com alguns eventos de elementos
    • Ciclo de Vida dos Componentes
    • Métodos do Ciclo de Vida
    • Projeto: Eventos
    • Resumo
    • Questionário
  5. Listas de Elementos e Fragmentos

    Veja como trabalhar com listagem de elementos e o que são fragmentos

    10 aulas
    • Apresentação
    • Listando Elementos
    • Iterando elementos com “Array.prototype.map()”
    • Keys
    • Parâmetros de Funções
    • Entendendo o Diffing Algorithm
    • Fragmentos
    • Projeto: Listas de Elementos
    • Resumo
    • Questionário
  6. Aninhamento - Elementos Pai e Filho

    Crie componentes dentro de outros componentes e veja como fazer a comunicação entre eles

    12 aulas
    • Apresentação
    • O que são Elementos Filhos?
    • Acessando Elementos Filhos - props.children
    • Propriedades
    • Eventos
    • Criando Referências - Refs
    • Quando usar Refs?
    • Comunicação entre componentes - Event Emitters
    • Capturando Erros dos Filhos - componentDidCatch()
    • Projeto: Comunicação entre Componentes
    • Resumo
    • Questionário
  7. Portais

    Renderize elementos fora de sua hierarquia

    6 aulas
    • Apresentação
    • O que são Portais?
    • Criando Portais
    • Projeto: Alterando o vídeo de lugar
    • Resumo
    • Questionário
  8. Contextos - Compartilhando Dados

    Veja como passar dados pela árvore de componentes de forma simples

    6 aulas
    • Apresentação
    • O que é Contexto (Context)?
    • Quando Usar Contextos?
    • Compartilhando Dados
    • Resumo
    • Questionário
  9. React Developer Tools

    Aprenda a utilizar a React Developer Tools para facilitar a análise da aplicação durante o desenvolvimento

    7 aulas
    • Apresentação
    • React DevTools
    • Instalando a React Devtools
    • Abrindo a React DevTools nos navegadores
    • Abrindo a React DevTools do Node.js
    • Conhecendo a React DevTools
    • Resumo
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

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

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
Por apenas
12x R$ 75,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!