Hide Content Until Data is Fully Loaded

When we're working with asynchronous data, the data loads in different speed and as a result appear in random order, causing the site to look weird.

To increase the user experience, we can hide the required data until it's ready in our state and show a loading indicator while we fetch the data.

In the next couple of lessons, we will work towards this goal, and in this one, we'll start by hiding the data until it's fully loaded.