React
Boost Your React Apps with Apollo: First Steps

Test the Query in the Browser

Mute
Current Time 0:00
/
Duration Time 0:00
Loaded: 0%
Progress: 0%
Stream TypeLIVE
Remaining Time -0:00
 
PRO

Let's check out our data in the browser and test the error and loading states.

Don't forget to run the server first:

cd server
npm start

Then, run the client:

cd habit-tracker
npm start

The browser will open to localhost:3000 and you should see the list of habits. Great!

To test the loading state, open up the Chrome Dev Tools, go to the Network tab, and change the dropdown that says "Online" to "Fast 3G." You should see the "loading" message we created.

To test the error state, stop the server and refresh the page. You should see the error message.

In the next video, I'll give you your first assignment.

 

I finished! On to the next chapter