Loading vs Fetching


Author: Rahul Krishna

The Basics


  • No Data + Fetching Data = LOADING
  • Yes Data + Fetching Data = FETCHING

Why?


As long as the data we have is not invalid. We have no reason to hide it away from the user.

Examples from around the world


Loading Fetching
YouTube Loading State YouTube Loading State YouTube Fetching State YouTube Fetching State
Apollo App Loading State Apollo App Loading State Apollo App Fetching State Apollo App Fetching State
Fotmob Loading State Fotmob Loading State Fotmob Fetching State Fotmob Fetching State

Important Exception


We must be careful not to trigger the fetching state when the data is invalid

Facebook Messenger Concept Facebook Messenger Concept (Credit: Christoffer O. Jensen)

In this example. Moving between chats should always render the data on the screen invalid.

References


  • Christoffer O. Jensen on Dribble - Facebook Messenger App - https://dribbble.com/shots/800893-Facebook-Messenger-App/attachments/81487

This project is maintained by rahulakrishna on GitHub. You can find me on Mastodon @_thisdot@mastodon.social