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

Veröffentlicht am: 10 Oktober 2024
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video NextJS, TailwindCSS e Typescript: #37 - Criando o componente de player de video com o react player mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Lucas Souza Dev 10 Oktober 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 92 Mal angesehen und es wurde von 5 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!