Curso de React - Dominando Componentes Funcionais

Aprenda como criar componentes funcionais no React

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 03h15 de videos
  • Certificado com 12 horas
  • 18 exercícios

Sobre o curso

Aprenda como criar componentes funcionais no React

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 funcionais com React e a utilizar a React Developer Tools. Além de desenvolvermos um Player de Música como projeto prático para fixar o que aprendemos.

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

O que irá aprender?

Nesse curso mostraremos tudo o que você precisa aprender para criar componentes com React de maneira rápida e eficiente.

Alguns itens presentes no curso:

  • Criando componentes com funções;
  • Propriedades e Estados;
  • Eventos e Ciclos de Vida do Componente;
  • Listas de Elementos e Keys;
  • Fragments;
  • Acessando elementos com Refs;
  • React Hooks;
  • Context;
  • React Developer Tools;
  • Projeto Prático: Player de Música.

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.

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
    • Códigos do Curso
    • Repositório do Curso
    • Preparando o Ambiente
  2. Criando componentes

    Aprenda a criar componentes com React

    5 aulas
    • O que são Componentes?
    • Criando Componentes com Funções
    • Acessando Componentes de Objetos e Selecionando Componentes
    • 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

    6 aulas
    • Propriedades
    • Propriedades e Operador Spread
    • Extração de Variáveis das Propriedades
    • Estados - useState
    • Resumo
    • Questionário
  4. Eventos e Efeitos

    Aprenda a trabalhar com eventos e como tratá-los durante o tempo de vida dos componentes

    7 aulas
    • Trabalhando com Eventos
    • Passando Parâmetros
    • Efeitos - useEffect
    • Efeitos - Ciclo de vida do Componentes
    • O problema com alguns eventos de elementos
    • Resumo
    • Questionário
  5. Listas de Elementos e Fragmentos

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

    7 aulas
    • Listando Elementos
    • Keys
    • Parâmetros de Funções
    • Entendendo o Diffing Algorithm
    • Fragmentos
    • Resumo
    • Questionário
  6. Aninhamento - Elementos Pai e Filho

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

    6 aulas
    • O que são Elementos Filhos?
    • Acessando Elementos Filhos - props.children
    • Criando Referências - Refs
    • Quando usar Refs?
    • Resumo
    • Questionário
  7. Contextos - Compartilhando Dados

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

    4 aulas
    • O que é Contexto do React (React Context)?
    • Compartilhando Dados
    • Resumo
    • Questionário
  8. React Developer Tools

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

    6 aulas
    • React DevTools
    • Instalando a React Devtools
    • Abrindo a React DevTools nos navegadores
    • Abrindo a React DevTools do Node.js
    • Conhecendo a React DevTools
    • Resumo
  9. Projeto - Player de Música

    Nesse projeto prático, vamos desenvolver um player de música

    6 aulas
    • Criação do Projeto
    • Componente de Lista de Música
    • Componente Timeline
    • Componente Player
    • Criação da Página Index
    • Lógica da Aplicação
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

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

  • Conteúdo top, boa didática e dicas que com certeza acrescenta muito na nossa carreira profssional.

  • Show, o projeto de criar play de musica ficou TOP...

  • curso muito bom

    Depoimento - Cintia
    React - Dominando Componentes Funcionais
    Cintia Mogi das Cruzes / SP
  • Ótimo curso. Deu um up no meu aprendizado. Cursando Análise e Desenvolvimento de Sistemas na faculdade e é mais teoria. Com o curso C# da TreinaWeb estou muito satisfeito. Muito prática e sem enrolação. Com certeza a TreinaWeb vai me ter por aqui por muito tempo. Super recomendo!!! Parabéns pelo curso!!!

    Depoimento - Mauricio
    C# (C Sharp) Intermediário
    Mauricio Cafarnaum / BA
  • Há tempo não encontrava um curso que fosse tão objetivo quanto esse. Era o que eu estava esperando e superou as minhas expectativas. Um curso objetivo que facilita o aprendizado do aluno, principalmente se o mesmo for leigo, os vídeos tem uma ótima qualidade e o professor domina o assunto. A equipe está de parabéns!!

  • Foi uma ótima introdução para um curso, nunca imaginei que iria começar a ver sobre acessibilidade e já me fez pensar bem sobre o cuidado que devo ter se eu tiver que criar um conteúdo para todos em um site ou app (provavelmente). Ótimo professor, explica bem direitinho e já me deu um rumo para realmente começar a entender a programar, curso muito bom.

    Depoimento - Joao
    Acessibilidade - Introdução
    Joao Goiânia / GO
  • Curso muito interessante, aborda assunto muito atual de forma clara e eficiente. Mais uma vez, quero parabenizar uma coisa comum a todos os cursos da Treinaweb, o profissionalismo, a eficiência e a presteza o suporte oferecido.

  • Ótimo , porém se o aluno estiver esperando "moleza" , é melhor procurar outro curso , a Treinaweb está de parabéns , "quebrei minha cabeça" , fui estimulado a pensar , a analisar o conteúdo os dados para chegar a uma solução , e isso é fantástico , aprender pensando fora da caixa ! O professor Cleber é super , hiper ,mega , master blaster top das galáxias ! As vezes ele dá aquela empolgada , de início eu não entendo muito bem , mas ai eu volto o vídeo com mais calma , vou pausando , pensando sobre o assunto e no final da tudo certo! Estes cursos estão agregando muito conhecimento , curso o 1º ano de engenharia da computação , e já reconheço que vocês estão fazendo uma grande diferença até mesmo nas matérias da faculdade.Já estou pensando até em comprar mais um ano de acesso , só estou esperando uma super oferta vir por ai !!! Obrigado Treinaweb.

    Depoimento - Raphael
    Lógica Orientada a Objetos Completo
    Raphael Presidente Prudente / SP
  • O curso é bastante claro na abordagem da introdução a programação, sendo perfeito para quem está iniciando nessa área mas não tem experiência. Para quem já está familiarizado com a lógica, as aulas podem ser um pouco cansativas, porém os exercícios de prática de programação são divertidos de realizar de toda forma. Estou ansioso para prosseguir os estudos e chegar logo na parte mais avançada da formação que estou cursando.

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 ou R$ 900,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!