Fala pessoal

hoje você vai aprender Como criar um Botão de Copiar (CTRL + C) com JavaScript/React! E nesse projeto vou mostrar várias outras coisas tambem, pois o projeto é feito em NextJS13 com Tailwind e você vai aprender um tanto de coisa a mais, como client components, useEffect, useState, useRef, como usar o setTimeout da forma correta em um componente React e até como fazer um tooltip usando tailwind. Tudo isso em um video só!

Espero que gostem!

========= Link Secreto:

❓❓ https://emersonbroga.com/secret❓❓

✅ Tenho um curso de JavaScript do básico ao avançado. http://emersonbroga.com/js

✅ Tenho também um Curso completo de AXIOS pra você dominar as requisições HTTP http://emersonbroga.com/axios

Gist do Copiar/Colar https://gist.github.com/emersonbroga/674058fe47b983861de4ac92e3161f64

========= Timestamps:

00:00 Introdução 01:24 O que você vai aprender hoje 01:57 Setup do projeto 04:54 Mostrando o projeto 05:55 Começando a estrutura do projeto e estilizando com tailwind 11:50 Criando um componente de icones SVG em React 19:36 Trabalhando com client components no NextJS 13 22:34 Usando setTimeout em um component React 27:20 Como fazer um botão de copiar (CTRL+C) com JavaScript/React 30:07 Como fazer um tooltip com Tailwind 35:05 Recapitulando, pilogando, abreviando, compendiando, condensando, encurtando, reduzindo, resumindo, sintetizando, sumariando 38:34 Fechamento

=========

Outros videos:

✅ Video: Regex https://youtu.be/PJN6_n-pdj8

✅ Video: React use(); https://www.youtube.com/watch?v=CNz3VDXX3H0

✅ Video: useId(); https://www.youtube.com/watch?v=D6GoXiuQ82U

✅ Video: Tailwind css para iniciantes https://youtu.be/mK_19iqznc8

✅ Video: Automatização simples com NodeJS https://youtu.be/ZcjJ2qyTr7k

✅ Video: Unidades de Medida do CSS https://youtu.be/ftq6FsIRwDk

✅ Video: Entendendo o tal do CORS https://youtu.be/VZI1I3c6a2g

✅ Video: Carrossel com React https://www.youtube.com/watch?v=cX0N3TNxumw

✅ Video: Upload de imagens com a FETCH API do JavaScript! https://www.youtube.com/watch?v=5RUgDRZjmjA

✅ Video: Alterando respostas da API com Charles Proxy https://youtu.be/AhKy8dSXia4

✅ Video: Busca Instantânea com React https://youtu.be/3vmL_y9CxI8

✅ Video: Dropdown de Cidade e estado https://youtu.be/Aca6mAXi0j4

✅ Video: Como ordenar arrays no JavaScript! https://www.youtube.com/watch?v=JxdsTHdgqAU

✅ Video: Como funciona o useEffect? https://www.youtube.com/watch?v=ehtB6ynyIlU

Acompanhe @emersonbrogadev nas redes sociais e aprenda mais sobre JavaScript/Node/React!

➜ Veja as dicas no Instagram 📸: https://emersonbroga.com/instagram ➜ Assista nosso canal no Youtube 📺 : https://emersonbroga.com/youtube ➜ Curta nossa página no Facebook 👍 : https://emersonbroga.com/facebook ➜ Não perca as atualizações no Twitter 🐦 : https://emersonbroga.com/twitter ➜ Siga nossos repositórios no Github ⌨️: https://emersonbroga.com/github

========== Sobre Emerson Broga Dev (@emersonbrogadev):

Programador há mais de 15 anos, sou formado em Desenvolvimento de Sistemas pela Faculdade Pitágoras e pós-graduado em Gestão Estratégica de Marketing pela PUC Minas. Trabalhei em diversas agências de publicidade e desenvolvimento de software e atualmente trabalho em projetos internacionais como QuickNode.com FOX.com, FXNetworks.com, NatGeo.com entre outros. Estou atualmente dedicando meu tempo a ensinar programação em meu blog e redes sociais.

Saiba mais em http://bit.ly/2yFCqR1

========== Agradeço a sua atenção e lhe parabenizo pelo interesse em aprender \o/

js javascript react reactjs node nodejs frontend backend desenvolvedor programador bolhadev dev soudev broga emersonbroga ... https://www.youtube.com/watch?v=9bXTsV_iPuA