4- Fetching Data

React 18: Intermediate Topics

1 - Getting Started (8m)

Fetching and Updating Data with React Query (2h 40m)

1- Introduction (1:14)
2- What is React Query (4:36)
3- Setting Up React Query (1:23)
4- Fetching Data (5:17)
5- Handling Errors (2:26)
6- Showing a Loading Indicator (1:04)
7- Creating a Custom Query Hook (2:32)
8- Using React Query DevTools (3:08)
9- Customizing Query Settings (5:18)
10- Exercise- Fetching Data (3:31)
11- Parameterized Queries (6:18)
12- Paginated Queries (5:37)
13- Infinite Queries (7:07)
14- Part Two- Mutating Data (0:39)
15- Mutating Data (9:40)
16- Handling Mutation Errors (2:14)
17- Showing Mutation Progress (1:27)
18- Optimistic Updates (7:48)
19- Creating a Custom Mutation Hook (7:04)
20- Creating a Reusable API Client (10:00)
21- Creating a Reusable HTTP Service (2:34)
22- Understanding the Application Layers (1:10)
23- Part Three- Project Work (0:31)
24- Exercise- Fetching Genres (10:55)
25- Exercise- Fetching Platforms (3:30)
26- Exercise- Fetching Games (8:46)
27- Exercise- Removing Duplicate Interfaces (2:57)
28- Exercise- Creating a Reusable API Client (5:44)
29- Exercise- Implementing Infinite Queries (7:39)
30- Exercise- Implementing Infinite Scroll (5:38)
31- Exercise- Simplifying Query Objects (10:24)
32- Exercise- Creating Lookup Hooks (6:59)
33- Exercise- Simplifying Time Calculations (3:31)
34- Summary

Global State Management (1h 47m)

1- Introduction (1:10)
2- Consolidating State Logic with a Reducer (7:12)
3- Creating Complex Actions (6:46)
4- Exercise- Working with Reducers (4:37)
5- Sharing State using React Context (9:42)
6- Exercise- Working with Context (4:24)
7- Debugging with React DevTools (1:07)
8- Creating a Custom Provider (2:58)
9- Creating a Hook to Access Context (1:24)
10- Exercise- Creating a Provider (2:51)
11- Organizing Code for Scalability and Maintainability (9:37)
12- Exercise- Organizing Code (3:09)
13- Splitting Contexts for Efficiency (2:46)
14- When to Use Context (3:14)
15- Context vs Redux (4:57)
16- Managing Application State with Zustand (7:24)
17- Exercise- Working with Zustand (4:15)
18- Preventing Unnecessary Renders with Selectors (2:42)
19- Inspecting Stores with Zustand DevTools (2:35)
20- Part Two- Project Work (0:25)
21- Exercise- Picking the Right State Management Solution (3:19)
22- Exercise- Setting Up a Zustand Store (6:44)
23- Exercise- Removing Props (12:03)
24- Discussion- Building Reusable Components (1:24)
25- Summary

Routing with React Router (1h 30m)

1- Introduction (0:45)
2- Setting Up Routing (3:09)
3- Navigation (2:43)
4- Passing Data with Route Parameters (2:02)
5- Getting Data about the Current Route (2:57)
6- Nested Routes (3:23)
7- Exercise- Working with Nested Routes (3:09)
8- Styling the Active Link (2:20)
9- Handling Errors (3:22)
10- Private Routes (2:59)
11- Layout Routes (2:08)
12- Part Two- Project Work (0:26)
13- Exercise- Setting Up Routing (6:32)
14- Exercise- Handling Errors (3:22)
15- Exercise- Fetching a Game (11:35)
16- Exercise- Refactoring Entities (2:38)
17- Exercise- Building Expandable Text (5:32)
18- Exercise- Building Game Attributes (9:53)
19- Exercise- Building Game Trailer (8:52)
20- Exercise- Building Game Screenshots (5:50)
21- Exercise- Improving the Layout (1:43)
22- Exercise- Fixing the NavBar (2:32)
23- Exercise- Refactoring Entities (2:29)
24- Summary
What's Next