Advanced React

Chapter 14 · 9 examples

Data fetching on the client and performance

Types of data fetching · Do I really need an external library to fetch data in React? · What is a "performant" React app? · React lifecycle and data fetching · Browser limitations and data fetching · Requests waterfalls: how they appear · How to solve requests waterfall · What about Suspense?

  1. Example 1Load everything at once
  2. Example 2Sidebar first
  3. Example 3Issue first, piece by piece
  4. Example 4Six requests block the app
  5. Example 5Classic request waterfall
  6. Example 6Promise.all at the root
  7. Example 7Parallel promises resolved independently
  8. Example 8Data providers with Context
  9. Example 9Fetching before React