Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

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

Veja uma aula de exemplo

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso completo a todos os cursos e formações da plataforma.
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

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 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.

Conhecimentos adquiridos

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.

Para 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.

  • Curso com 5h05 horas de vídeos
  • Curso com certificado de 14 horas
  • Curso com 21 exercícios de fixação
Ambiente do Curso
Node.js
Google Chrome
Visual Studio Code
Metodologia
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado
Baixar esta ementa

1 - Apresentação
Apresentação
Códigos do Curso
Repositório do Curso
2 - Conhecendo os React Hooks
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
Exercícios
3 - Criando Estados (State Hook)
Apresentação
Criando estados em componentes funcionais - useState
Como o React lida com estados?
Projeto: Estados e Formulários
Resumo
Exercícios
4 - Lidando com Efeitos (Effect Hook)
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
Exercícios
5 - Acessando Elementos do DOM (useRef)
Apresentação
Acessando elementos do DOM
Variáveis de Instância
Projeto: Player de Vídeo - Acessando Elementos e Tratando Efeitos
Resumo
Exercícios
6 - Contextos - Compartilhando Dados (useContext)
Apresentação
Breve Revisão sobre Contextos
Criando Contextos
Compartilhando dados com o Hook useContext
Projeto: Compartilhando Dados Entre Componentes
Resumo
Exercícios
7 - Criando Reducers (useReducer)
Apresentação
O que são Reducers?
Conhecendo o Hook useReducer
Projeto: O Poder do useReducer com useContext
Resumo
Exercícios
8 - Melhorando a Performance de Aplicações
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
Exercícios
9 - Criando seus próprios Hooks
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
10 - Conclusão
Conclusão
Depoimento

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da platarforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Utilizada e amada por milhares!

Confira os depoimentos de quem já estudou com a gente

  • Curso Excelente, sou novo no "R" mas já me abriu muito a visão sobre programa, para o início, foi extremamente didático e condizente com o que eu esperava, superou minhas expectativas!
    Rodrigo (Jundiaí - SP) R - Fundamentos Rodrigo
  • Curso muito prático e direto, sem enrolação, estilo "show me the code"; professor/instrutor com profundo entendimento do assunto, recomendo a todos que desejam se aprimorar de forma rápida e didática.
    Alessandro (Presidente Prudente - SP) C# (C Sharp) Avançado Alessandro
  • O curso me ajudou muito, foi rápido e bastante prático. Aprendi bem sobre Processadores. Os outros assuntos me ajudou muito a fixar a matéria.
    Marcelo (Belo Horizonte - MG) C Básico Marcelo
  • Estou surpreendido com a didática dos vídeos e a facilidade em transmitir os conhecimentos sobre o assunto. Gostei muito deste módulo e com certeza continuarei com o módulo Intermediário.
    Marcello (Rio de Janeiro - RJ) C# (C Sharp) Básico Marcello
  • Muito bom o curso. Embora as aplicações desktop estão sendo descontinuadas, ainda é possível encontrar clientes que queiram aplicações rodando em desktop. Vocês realmente são demais. Estão de parabéns.
    Ricardo (Americana - SP) Java - Fundamentos de JavaFx Ricardo
  • Curso ótimo, não introduz somente o HTTP, dá também noções de redes e endereçamento. Em alguns pontos é repetitivo, mas nada que prejudique o aprendizado.
    André (São Paulo - SP) HTTP - Fundamentos André
  • Excelente, o curso. Em uma linguagem simples e de fácil aprendizagem. Este curso abriu caminho para os outros 12 que pretendo fazer.
    João (Quirinopolis - GO) Projeto de Banco de dados - Fundamentos João
  • Curso muito bom, aprendi todos os conceitos de orientação a objetos e estou preparado para qualquer linguagem de programação agora.
    Rodrigo (Rio de Janeiro - RJ) Lógica Orientada a Objetos Completo Rodrigo
  • Caramba foi muito show! Me surpreendi com o conteúdo e o auto nível de informações técnicas colocadas de forma bem didática pelo Bruno Baltarejo.
    Igor (João Pessoa - PB) Adobe Premiere Pro CC - Closed Captions e legendas Igor

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!
  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.
  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos online de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.