Loader Component
Since the component fetches the data from the API every time it loads there is always one or two seconds of loading time. For this time I wanted to display a loader on the screen so the user doesn’t think the page got stuck. For this I’ll use the Classic #39 loader from css-loaders.com. I think it fits the aesthetic of the app nicely and so I don’t think there’s a need for me to create my own loader. I just pasted the CSS into my Index.css file and associated it with a CSS class so it’s easy to use across the board.