Curso de React - Despertando o Poder dos Hooks

Veja como os Hooks permitem a criação de estados e outros recursos sem escrever classes em uma aplicação React

Nível Intermediário Categoria Desenvolvimento Front-end

  • Curso com 05h05 de videos
  • Certificado com 14 horas
  • 21 exercícios

Sobre o curso

Veja como os Hooks permitem a criação de estados e outros recursos sem escrever classes em uma aplicação 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 nos Hooks, funcionalidade do React que permite criar estados e outros recursos sem escrever classes, incentivando a criação de códigos reutilizáveis até mesmo entre projetos diferentes. Ao fim deste curso, você estará dominando a utilização e criação de Hooks.

O que irá aprender?

Neste curso mostraremos como criar e utilizar Hooks com React. São vídeo aulas e apostilas que mostram como criar componentes utilizando este recurso. 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á:

  • O que são Hooks e por que usá-los?
  • Criando estados e entendendo como funcionam;
  • Lidando com efeitos e cuidados com o código;
  • Acesso ao DOM;
  • Compartilhando dados com a criação de Context;
  • Criando Reducers;
  • Técnicas para melhorar a performance de aplicações;
  • Aprenda a criar seus próprios Hooks;
  • Desenvolvimento de vários Hooks úteis e reutilizáveis;
  • Desenvolvimento de projeto para fixar o aprendizado.

Pra quem é esse curso?

Este curso é destinado àqueles que já tenham um conhecimento de React e queiram adquirir conhecimentos mais avançados sobre a ferramenta.

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 os React Hooks

    Vamos conhecer os Hooks, compará-los com componentes feitos de classes, por que e quando utilizá-los.

    8 aulas
    • Apresentação
    • O que são Hooks?
    • Comparação com Classes
    • Por que usar Hooks? Quais as vantagens?
    • Quando usar?
    • Projeto: Apresentação e Início do Projeto
    • Resumo
    • Questionário
  3. Criando Estados (State Hook)

    Nesta aula vamos aprender a criar estados e entender como o React lida com eles nos Hooks.

    6 aulas
    • Apresentação
    • Criando estados em componentes funcionais - useState
    • Como o React lida com estados?
    • Projeto: Estados e Formulários
    • Resumo
    • Questionário
  4. Lidando com Efeitos (Effect Hook)

    Vamos entender o que são efeitos, como cuidar deles e os cuidados que devemos ter.

    8 aulas
    • Apresentação
    • O que são efeitos?
    • Criando efeitos - useEffect
    • Array de Dependências
    • Cuidados com Hooks - problemas com Closures
    • Lidando com Event Listeners, código assíncrono e destruição de componentes
    • Resumo
    • Questionário
  5. Acessando Elementos do DOM (useRef)

    Aprenda a acessar elementos do DOM com os Hooks.

    6 aulas
    • Apresentação
    • Acessando elementos do DOM
    • Variáveis de Instância
    • Projeto: Player de Vídeo - Acessando Elementos e Tratando Efeitos
    • Resumo
    • Questionário
  6. Contextos - Compartilhando Dados (useContext)

    Conheça o useContext e como utilizá-lo para compartilhar dados entre os componentes.

    7 aulas
    • Apresentação
    • Breve Revisão sobre Contextos
    • Criando Contextos
    • Compartilhando dados com o Hook useContext
    • Projeto: Compartilhando Dados Entre Componentes
    • Resumo
    • Questionário
  7. Criando Reducers (useReducer)

    Conheça os Reducers e como utilizá-los.

    6 aulas
    • Apresentação
    • O que são Reducers?
    • Conhecendo o Hook useReducer
    • Projeto: O Poder do useReducer com useContext
    • Resumo
    • Questionário
  8. Melhorando a Performance de Aplicações

    Descubra como melhorar a performance de suas aplicações criadas com Hooks.

    8 aulas
    • Apresentação
    • Problemas de Performance em Componentes Funcionais
    • Melhorando a performance realocando funções
    • Cacheando funções com useCallback
    • Otimização de valores com useMemo - Memoization
    • Projeto: Economizando Processamento com useMemo
    • Resumo
    • Questionário
  9. Criando seus próprios Hooks

    Aqui você irá aprender como criar seus próprios Hooks e desenvolver vários Hooks que serão úteis em seu trabalho.

    11 aulas
    • Apresentação
    • Criando o seu primeiro Hook
    • Analisando a conexão com a Internet
    • Sincronizando o estado com o Local Storage
    • Pegando um valor anterior (funcionalidade de desfazer)
    • Evitando execuções desnecessárias e melhorando a performance com Debounce
    • Testando a visibilidade de um elemento - carregando imagens sob demanda / Scroll Infinito
    • Criando teclas de atalho
    • Verificando o tamanho da janela do navegador
    • Testando Hooks : Conheça o useDebugValue
    • 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
R$ 97,00 ECONOMIZE R$ 360,00
12x R$ 67,00 ou R$ 804,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!