javascriptdenoobapro@gmail.com

Clon de Spotify con REACT JS

Trabajamos en el FrontEnd de nuestro clon haciendo el Login a través del API de Spotify y utilizando una librería especial para poder interactuar con la API.

Damos estilo a nuestra página web con Styled Components y utilizamos Redux para incorporar un poco de funcionalidad y hacer que nuestro clon muestre la lista de reproducción que tenemos en nuestra cuenta de spotify.

Os dejamos las marcas de tiempo para que os sea más fácil seguir el proyecto:

  • 00:00​ Inicio
  • 05:13​ Abrimos la plantilla Create React APP
  • 08:35​ Accedemos a Spotify para desarrolladores para conseguir el Login a través de la API
  • 16:00​ Limpieza plantilla React
  • 19:30​ Styled Components
  • 22:27​ Instalamos Tabnine para probar cómo funciona
  • 38:40​ Creamos una estructura de estilos en una carpeta separada para facilitar la comprensión del código.
  • 43:40​ Instalamos VS Styled Components, nos ayuda a comprender de una manera más visual el código CSS
  • 44:35​ Al Clickar el botóndel Login nos lleva a la API de Spotify, que va a verificar que está correcto y nos retornará un TOKEN
  • 56:17​ Construimos el front end de nuestro clon: sidebar y footer
  • 02:46:44​ Desarrollamos el body
  • 3:21:20​ Redux – «Enchufamos» el token a Redux y montamos su estructura
  • 4:11:30​ Añadimos la playlist a nuestra estructura de Redux desde el API de Spotify
  • 4:17:00​ Vamos a plasmar en pantalla toda la información que recibimos del API

Otros tutoriales de REACT JS