NextJS, TailwindCSS e Typescript: #37 - Criando o componente de player de video com o react player

Publicado em: 10 Outubro 2024
no canal de: Lucas Souza Dev

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA

Para reproduzir vídeos do youtube é necessário utilizar o próprio iframe que o youtube disponibiliza, ou utilizar alguma outra biblioteca disponível no npm para isso.
Nessa aula vamos im utilizar uma das melhores bibliotecas de player de vídeos desse tipo disponíveis, com a biblioteca é possível reproduzir vídeos do facebook, youtube, twiter e muito mais... Nós vamos utilizar a biblioteca react-player.

Links mencionados no vídeo:
📖 Repositório do projeto - https://github.com/lvsouza/youtube-ne...
🅵 Protótipo - https://www.figma.com/community/file/...
🗨️ Discord -   / discord

Outros cursos no canal:
🔔 NextJS, TailwindCSS e Typescript -    • NextJS, TailwindCSS e Typescript: #00...
🎩 Figma para DEVs -    • Figma para DEVs: #00 - Apresentação d...
☪️ Curso de estilização no React -    • Estilização no React: Aula 00 - Curso...
⭐️ Curso de React com typescript -    • Curso de react: Aula 01 - Começando c...
👑 React, Material UI 5 e Typescript -    • React, Material UI 5 e Typescript: #0...
🏆 Curso de API Rest, Node e Typescript -    • API Rest, Node e Typescript: #00 - Ap...

Livros recomendados:
📘 Código limpo - https://s.shopee.com.br/1LKnAYYXtW
📘 Arquitetura limpa - https://s.shopee.com.br/4fbF8sGs4H
📘 Migrando sistemas monolíticos - https://s.shopee.com.br/606cjP12q9

Conteúdo:
0:00 | Introdução
0:21 | O que faremos nessa aula
2:00 | Entendendo o que é o react-player
4:35 | Criando componente de video player
7:25 | Instalando a biblioteca de react-player
10:00 | Como resolver os erros do nextjs com o react-player
14:40 | Como utilizar imports dynamic no nextjs
23:10 | Commit dos ajustes
23:50 | Finalização e agradecimentos

CODARSE - Criando a tela de player de curso

#DesenvolvimentoWeb #Programação #DesenvolvimentoDeSoftware #AprenderProgramação #CursosOnline #TechTutoriais #YouTubeEducação #CodeNewbies #DesenvolvimentoFrontend #CodeWithMe #TecnologiaEducacional #WebDesign #DesenvolvimentoDeAplicativos #AprendaACodificar #TecnologiaDeFrontend #EducaçãoDigital #DesenvolvimentoDeApps #TutoriaisDeProgramação #CódigoCriativo #ProgramaçãoParaIniciantes #NextJS #typescript #javascript #tailwindcss #react #reactjs

Nesta página do site você pode assistir ao vídeo on-line NextJS, TailwindCSS e Typescript: #37 - Criando o componente de player de video com o react player duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Lucas Souza Dev 10 Outubro 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 92 vezes e gostou 5 espectadores. Boa visualização!

608