Skip to content

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.