Spotify App 🎧

Live at: https://spotify-api-react.netlify.app/

Made with React, Context API, Material UI and Spotify API

✍🏻 Note to self

• Window.location.hash
• Javascript - .substring(), .split(), .reduce()
• Use effect is of two types:
  • Without cleanup
  • With cleanup
  • Optimise useEffect calls by skipping calls
• Rules of hooks
  • Only call hooks at the top level
  • Only call hooks from react functions
• In order to handle naming clashes for variables, the standard is to use an underscore in front of temporary vaiables(_token)
• Prop Drilling - It is basically a situation when the same data is being sent at almost every level due to requirements in the final level. :: Solution is to use “useContext” hook. It is based on Context API and works on the mechanism of Provider and Consumer.
• Named Export vs Default Export in ES6: Named Exports are used to export multiple things from one file whereas using default export you can export only one thing. The other thing is default export can be imported with any name you like.
• CSS properties:
  • Transition
  • Object-fit
  • Transform
• Optional Chaining in JavaScript(?): It enables you to read the value of a property located deep within a chain of connected objects without having to check that each reference in the chain is valid.
• Material-UI components:
  • Icons
  • Grid
  • Avatar

Contributions to this repo are WELCOME ⚡️🙌🏻

• 🎨 give suggestions on how to improve the UI design
• 🔨 try to break the website by testing it to find any bugs. If you find any, check if there is an issue already open for it, if there is none, then report it

Steps to be followed in order to make valid contributions ☘️

1. Fork the Spotify-React repo by clicking on the fork button on the top of the page. This will create a copy of this repository in your account.

2. Clone the forked repository

git clone "https://github.com/<your-github-username>/Spotify-React"

3. Create a branch named develop

cd Spotify-React
git checkout -b develop

4. Make necessary changes and commit those changes

git add files-you-edited
git commit -m "<commit-message-goes-here>"

5. Push changes to GitHub

git push origin develop

6. Create a Pull Request 🤟🏻
If you go to your repository on GitHub, you’ll see a Compare & pull request button. Click on that button. We'll review your code and merge it if it passes all the tests ❤️