Module 5 Introduction
This lesson preview is part of the Build a Spotify Connected App course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.
Get unlimited access to Build a Spotify Connected App, plus 70+ \newline books, guides and courses with the \newline Pro subscription.
[00:00 - 00:11] Module 5, Building and Styling the UI. So in the last module, we added some logic to our React app to handle Spotify tokens in local storage, and got React Router and style components set up.
[00:12 - 00:20] In this module, we're going to be putting in some work to build out our React app. Our goal is to end up with something similar to your profile page in Spotify.
[00:21 - 00:38] Our app will show profile information with things like top artists, top tracks, playlists, and details about those playlists. We'll use style components to style our UI and add some features leveraging the Spotify API that the Spotify app doesn't provide out of the box.
[00:39 - 01:09] This will include things like sorting playlists by audio features and toggling between different timeframes for calculating your top artists and tracks. So we're going to cover how to efficiently organize routes and components in a React app, how to abstract style components and use them in multiple contexts, how to handle fetching Spotify data asynchronously with React hooks, and how to deal with Spotify API pagination objects with React hooks.
[01:10 - 01:11] Alright, let's get started.