React Data Fetching: Beyond the Basics

This course will teach you how to effectively load data in React without using third-party libraries or the useEffect hook. We will create our own data loading library from scratch that will handle preloading, caching, and address all common data-related challenges.

What you will learn:

• How React re-renders when loading data
• Issues with using the useEffect hook for data loading
• Advantages and disadvantages of using libraries and frameworks for data loading
• How to start loading data before your React component is loaded
• How to create a data cache to prevent reloading
• How to identify and resolve issues with Network Waterfalls and Race Conditions
• When and why to use the useSyncExternalStore hook
• How to implement the stale-while-revalidate caching method
• How to perform data loading for React Server Components