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

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

  • O professor tem uma didática de fácil compreensão, mesmo para quem está vendo o assunto pela primeira vez. Eu cheguei na TreinaWeb através de um curso de Spring, e sem sombra de dúvida, está sendo um excelente investimento. Bora para o próximo, afinal o mercado é exigente!

    Depoimento - Moises
    Java - Fundamentos de Struts 2
    Moises Jaguariúna / SP
  • O curso é muito bom, traz conhecimentos aprofundados sobre o marketing digital e mostra o grande cenário do trabalho. Traz bons exemplos, é bem completo e a professora é ótima! O que pesa é ter aulas muito longas, ficando difícil focar por tanto tempo no conteúdo e fazendo levar mais tempo para voltar atrás e reassistir.

    Depoimento - Raisa
    Marketing Digital - Fundamentos
    Raisa Vitória da Conquista / BA
  • O material é muito bom, contém informações claras e muitos exemplos, o que para mim, ajudou bastante. Gostei dos vídeos, a explicação estava pausada e dava para entender o procedimento. Por enquanto, estou gostando e recomendo. =))

    Depoimento - Letícia
    Lógica de Programação Completo
    Letícia Uberlândia / MG
  • JavaScript intermediário fez lembrar a importância dos primeiros cursos que fiz na TreinaWeb de Orientação a Objetos, agreguei muita coisas aqui que não sabia, e também revisarmos alguns tópicos passados e com acréscimo de outros assunto muito bom. Valeu, TreinaWeb!!!

    Depoimento - Kevin
    JavaScript Intermediário
    Kevin Manaus / AM
  • O curso está excelente. Seria interessante ver exemplo de aplicações práticas de uso dos XMLs para que os programadores iniciantes possam relacionar a teoria apresentada de maneira mais clara. Parabéns!

    Depoimento - Bruno
    XML Completo
    Bruno Uberlândia / MG
  • Foi ótimo rever alguns conceitos e praticar mais, escolhi fazer os cursos de lógica justamente por isso, já que fazia um tempo que não me dedicava a estudar programação, e retomar, até para empregar o conhecimento no trabalho. Obrigado, ótimo curso.

    Depoimento - Braulio
    Lógica Orientada a Objetos Completo
    Braulio Alegrete / RS
  • Pessoal, excelente o trabalho de vocês. Rodei muito curso de 20 reais por ai, mas sempre ficava um conhecimento "queijo suiço". Este curso introdutório estou fazendo por causa da trilha, pois na prática não precisaria, mas quando vi que era em C ai falei finalmente um curso descente! Recomendo muito!

    Depoimento - Eduardo
    Lógica de Programação Completo
    Eduardo São Bernardo do Campo / SP
  • Fiquei muito surpreso com a melhoria que a Equipe TreinaWeb tem feito em seu sistema de ensino. Muito obrigado, estou plenamente satisfeito com o curso, espero que em breve eu faça mais um curso aqui. Abraço à todos os que estão trabalhando para melhorar nossa aprendizagem. Com certeza indico aos meus amigos para que estudem aqui. Att. Mário Júnior.

    Depoimento - Mário
    C# (C Sharp) - ASP.NET MVC
    Mário Pirapozinho / SP

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!