English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 85 Lessons (6h 5m) | 1.37 GB
Take your React skills to the next level by mastering state management and routing
If you know the basics of building web apps with React and TypeScript and are looking for a more advanced course to take your skills to the next level, you’re in the right place!
This is part 2 of my Ultimate React series where we’ll explore state management and routing.
You’ll learn:
- Fetching & updating data with React Query
- All about reducers, context, and providers
- Global state management with Zustand
- Routing with React Router
Learn the latest techniques and best practices to build complex apps with React.
By the end of this course, you’ll be able to…
- Confidently build front-end apps with React and TypeScript
- Apply the latest techniques and best practices
- Troubleshoot errors with ease
- Write clean code like a pro
What You’ll Learn…
This course is the second part of a series. The first part covered fundamentals of building web apps with React and TypeScript. In this part, you’ll learn how to:
- Fetch and update data using React Query
- Boost your application’s performance with caching
- Implement infinite scrolling
- Use reducers to consolidate state management logic
- Use context to share state
- Manage application state using Zustand
- Implement routing with React Router
- Structure your React projects for maintainability
- Write clean code like a pro
- Apply best practices
Table of Contents
1 Introduction
2 Prerequisites
3 What You’ll Learn
4 How to Take This Course
5 Source Code
6 Introduction
7 What is React Query
8 Setting Up React Query
9 Fetching Data
10 Handling Errors
11 Showing a Loading Indicator
12 Creating a Custom Query Hook
13 Using React Query DevTools
14 Customizing Query Settings
15 Exercise- Fetching Data
16 Parameterized Queries
17 Paginated Queries
18 Infinite Queries
19 Part Two- Mutating Data
20 Mutating Data
21 Handling Mutation Errors
22 Showing Mutation Progress
23 Optimistic Updates
24 Creating a Custom Mutation Hook
25 Creating a Reusable API Client
26 Creating a Reusable HTTP Service
27 Understanding the Application Layers
28 Part Three- Project Work
29 Exercise- Fetching Genres
30 Exercise- Fetching Platforms
31 Exercise- Fetching Games
32 Exercise- Removing Duplicate Interfaces
33 Exercise- Creating a Reusable API Client
34 Exercise- Implementing Infinite Queries
35 Exercise- Implementing Infinite Scroll
36 Exercise- Simplifying Query Objects
37 Exercise- Creating Lookup Hooks
38 Exercise- Simplifying Time Calculations
39 Introduction
40 Consolidating State Logic with a Reducer
41 Creating Complex Actions
42 Exercise- Working with Reducers
43 Sharing State using React Context
44 Exercise- Working with Context
45 Debugging with React DevTools
46 Creating a Custom Provider
47 Creating a Hook to Access Context
48 Exercise- Creating a Provider
49 Organizing Code for Scalability and Maintainability
50 Exercise- Organizing Code
51 Splitting Contexts for Efficiency
52 When to Use Context
53 Context vs Redux
54 Managing Application State with Zustand
55 Exercise- Working with Zustand
56 Preventing Unnecessary Renders with Selectors
57 Inspecting Stores with Zustand DevTools
58 Part Two- Project Work
59 Exercise- Picking the Right State Management Solution
60 Exercise- Setting Up a Zustand Store
61 Exercise- Removing Props
62 Discussion- Building Reusable Components
63 Introduction
64 Setting Up Routing
65 Navigation
66 Passing Data with Route Parameters
67 Getting Data about the Current Route
68 Nested Routes
69 Exercise- Working with Nested Routes
70 Styling the Active Link
71 Handling Errors
72 Private Routes
73 Layout Routes
74 Part Two- Project Work
75 Exercise- Setting Up Routing
76 Exercise- Handling Errors
77 Exercise- Fetching a Game
78 Exercise- Refactoring Entities
79 Exercise- Building Expandable Text
80 Exercise- Building Game Attributes
81 Exercise- Building Game Trailer
82 Exercise- Building Game Screenshots
83 Exercise- Improving the Layout
84 Exercise- Fixing the NavBar
85 Exercise- Refactoring Entities
Resolve the captcha to access the links!