Curso
React: Gerando um Número Aleatório
A maioria dos sites na internet incluem botões para executar diversas ações, como abrir uma janela do navegador, mostrar um menu ou exibir um texto. Em sites desenvolvidos com React, essas funcionalidades são implementadas usando duas ferramentas principais: o State Hook e o onClick. Diferente de uma variável comum, quando o valor de uma variável criada com o State Hook muda, o React atualiza automaticamente a interface para refletir essa mudança. Neste curso vamos aprender a implementar eventos de clique com o React, aumentando a interatividade dos sites.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
4 horas
(4 aulas)
Aula 1 - Introdução
Nesta aula vamos aprender a criar uma aplicação que gere um número aleatório utilizando o State Hook e o evento onClick.
Aula 2 - State Hook e o Primeiro exemplo
Nesta aula vamos conhecer mais uma ferramenta do React, o State Hook. Além disso, vamos aprender como usá-lo junto com o onClick para criar eventos de clique que executam ações, como alterar o texto de um elemento quando um botão for clicado.
Aula 3 - Segundo exemplo prático
Nesta aula criaremos um novo exemplo prático, aplicando o que aprendemos até aqui sobre o State Hook e o evento onClick. Criaremos uma aplicação com um botão que, ao ser clicado, tem o seu texto alterado.
Aula 4 - Terceiro exemplo prático
Nesta aula vamos criar mais um exemplo prático, que servirá como base para aplicar o que aprendemos até aqui sobre o State Hook e o evento onClick. Criaremos uma aplicação com um botão que, ao ser clicado, gera um número aleatório e o exibe em tela.
Veja outros cursos de React
React: Trabalhando com coleções de dados
React: Componentização de aplicações com Props + useState
React: Modificando o comportamento da página com State Hook e evento onClick