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

Curso de React - Dominando Componentes Funcionais

Aprenda como criar componentes funcionais no React

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 03h51 de vídeos
  • Certificado com 12 horas
  • 17 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 funcionais com React e conhecer o 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.

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 conhecer o 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 20.10.0
  • VS Code 1.90.0
  • React 18.3.1

Sobre o professor

Wesley Gado

Wesley Gado

Formado em Análise e Desenvolvimento de Sistemas pelo Instituto Federal de São Paulo, atuou em projetos como desenvolvedor Front-End. Nas horas vagas grava Podcast e arrisca uns três acordes no violão.

Conteúdo programático

  1. Introdução

    Apresentação do curso

    2 aulas
    • Apresentação
    • Repositório do curso
  2. Criando componentes

    Aprenda a criar componentes com React

    5 aulas
    • O que são componentes?
    • Criando projeto React com Vite
    • Criando componentes funcionais
    • Acessando Componentes de objetos e selecionando
    • 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.

    5 aulas
    • Propriedades de um componente
    • Propriedades e Operador Spread
    • Extração de variáveis das propriedades
    • Estados - useState
    • Questionário
  4. Eventos e Efeitos

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

    6 aulas
    • Trabalhando com eventos
    • Passando parâmetros
    • Efeitos - useEffect
    • Efeitos - ciclo de vida dos componentes
    • Problema com eventos
    • Questionário
  5. Listas de Elementos e Fragmentos

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

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

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

    5 aulas
    • O que são Elementos Filhos?
    • Aninhamento - Elementos filhos (children)
    • Criando referências - refs
    • Quando usar Refs?
    • Questionário
  7. Contextos - Compartilhando Dados

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

    2 aulas
    • Compartilhando dados
    • Questionário
  8. React Developer Tools

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

    2 aulas
    • React DevTools nos navegadores
    • Abrindo React DevTools no Node
  9. Projeto - Player de música

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

    12 aulas
    • Iniciando o TreinaMusic
    • Criando Base Componente Lista Música
    • Estilização Componente Lista de Música - Parte 1
    • Estilização Componente Lista de Música - Parte 2
    • Formatando duração da música
    • Estilizando Timeline
    • Interação com a Timeline
    • Criando Componente Player
    • Configurando ações do player 1
    • Configurando ações do player 2
    • Ajustando posição do player
    • Lógica da aplicação
Download da ementa

Cursos relacionados

Algumas das formações onde 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
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!