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:
dlp.hashtagtreinamentos.com/j...
PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
Caso prefira o vídeo em formato de texto:
www.hashtagtreinamentos.com/m...
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
www.hashtagtreinamentos.com/t...
-----------------------------------------------------------------------
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
► Instalar e configurar o VSCode: • Instalação do VS Code ...
► Funções no JavaScript:
• O que são Funções no J...
► O que é JavaScript?
• O que é JavaScript?
-----------------------------------------------------------------------
Hashtag Programação
► Inscreva-se em nosso canal: bit.ly/3c0LJQi
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!
-----------------------------------------------------------------------
Redes Sociais
► Blog: bit.ly/2MRUZs0
► KZbin: bit.ly/3c0LJQi
► Instagram: bit.ly/3o6dw42
► Facebook: bit.ly/3qGtaF2
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

[@moderacaohashtag]

Fala galera! Gostou do vídeo? Deixa a sua curtida e se inscreve no canal! PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT: pages.hashtagtreinamentos.com/inscricao-curso-basico-javascript?origemurl=hashtag_yt_org_minijs_FaoQW5p_9k8 ► Arquivos Utilizados no Vídeo: pages.hashtagtreinamentos.com/arquivo-javascript-17MPSDhXEwF82eHbslps3WaDn4ZGwGmHn?origemurl=hashtag_yt_org_planilhajs_FaoQW5p_9k8 ► Blog: bit.ly/2MRUZs0 ► KZbin: bit.ly/3c0LJQi ► Instagram: bit.ly/3o6dw42 ► Facebook: bit.ly/3qGtaF2

[@Baabicota]

Tenho uma certa dificuldade para aprender ReactJS, mas estou gostando muito das aulas e da didática!

[@andreia4006]

A Aula 1 não está mais disponível? 😢

[@danielporto7588]

Oiii, Andreia. Ela tá sim! kzbin.info/www/bejne/iaTTpn2kpcuJhpI

[@Baabicota]

Está sim: kzbin.info/www/bejne/iaTTpn2kpcuJhpI&ab_channel=HashtagPrograma%C3%A7%C3%A3o