Minicurso de ReactJS - Aula 2 – Conceito Mais Importante do ReactJS

Показать описание

Quer saber mais sobre o nosso Curso Completo de Javascript? Clique no link abaixo para garantir sua vaga na próxima turma:

PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT:

-----------------------------------------------------------------------

► Arquivos Utilizados no Vídeo:

-----------------------------------------------------------------------

Caso prefira o vídeo em formato de texto:

-----------------------------------------------------------------------

PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:

-----------------------------------------------------------------------

Fala Impressionadores! Hoje vamos para a segunda aula do Minicurso de ReactJS.

Nessa aula nós vamos construir a seção do Seletor de Capítulos e Botões de Controle. Para isso nós vamos repetir o processo que fizemos na primeira aula e vou te mostrar como obter ícones para inserir no seu projeto!

Vamos utilizar o Bootstrap Icons para pegar esses ícones, que serão muito úteis para deixar seu projeto com um aspecto mais profissional.

Além disso, eu vou falar sobre o conceito mais importante do ReactJS, que é a variável de estado.

Essa variável é que vai permitir com que você faça a transição do botão de Play para Pause, pois não temos os 2 ícones sendo mostrados ao mesmo tempo por uma questão lógica, então precisamos criar uma inteligência para que isso funcione.

-----------------------------------------------------------------------

Vídeos Recomendados

► Funções no JavaScript:

► O que é JavaScript?

-----------------------------------------------------------------------
Hashtag Programação

► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!

-----------------------------------------------------------------------

Redes Sociais

Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de Javascript para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos!

-----------------------------------------------------------------------

Conteúdo da Aula

00:00 Introdução
01:06 Identificando as seções do tocador de audiobook
04:05 Rodando o código
05:44 Componentes do projeto
08:33 Bootstrap Icons (biblioteca de ícones)
14:35 Seção do Seletor de Capítulos + Importações
20:45 Visualização do resultado
21:16 Seção de Botões de Controle + arrow function
23:30 Ícones para os botões
28:48 Botão de Play e Pause
30:50 JavaScript para botão Play/Pause
34:20 Conceito mais importante do ReactJS (Variável de estado)
40:23 Importância da variável de estado (onClick)
43:55 Testando o botão de Play/Pause
45:50 Conclusão

#javascript #hashtagprogramacao