React: Intermediate Topics
Take your React skills to the next level by mastering state management and routing
Level Up Your React Skills
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.
- Intermediate
- Lifetime Access
- 100 Lessons
- 6 Hours of Video
- Exercises
- Downloadable
- Subtitles
- Access on Mobile/TV
- Certificate
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
By the end of this course, you'll have a deep understanding of advanced techniques for state management and routing as well as a project you can show to potential employers or clients.
Who is this course for?
- React developers who want to fill in the gaps in their knowledge.
- Anyone who wants to become a confident and proficient React developer
Prerequisites
To take this course, I recommend that you have watched the first part or have a solid understanding of the concepts covered there. This includes the basics of TypeScript, building components, styling components, managing component state, and calling backend services.
Course Curriculum
-
Preview1- Introduction (1:14)
-
Preview2- What is React Query (4:36)
-
Preview3- Setting Up React Query (1:23)
-
Preview4- Fetching Data (5:17)
-
Start5- Handling Errors (2:26)
-
Start6- Showing a Loading Indicator (1:04)
-
Start7- Creating a Custom Query Hook (2:32)
-
Start8- Using React Query DevTools (3:08)
-
Start9- Customizing Query Settings (5:18)
-
Start10- Exercise- Fetching Data (3:31)
-
Start11- Parameterized Queries (6:18)
-
Start12- Paginated Queries (5:37)
-
Start13- Infinite Queries (7:07)
-
Start14- Part Two- Mutating Data (0:39)
-
Start15- Mutating Data (9:40)
-
Start16- Handling Mutation Errors (2:14)
-
Start17- Showing Mutation Progress (1:27)
-
Start18- Optimistic Updates (7:48)
-
Start19- Creating a Custom Mutation Hook (7:04)
-
Start20- Creating a Reusable API Client (10:00)
-
Start21- Creating a Reusable HTTP Service (2:34)
-
Start22- Understanding the Application Layers (1:10)
-
Start23- Part Three- Project Work (0:31)
-
Start24- Exercise- Fetching Genres (10:55)
-
Start25- Exercise- Fetching Platforms (3:30)
-
Start26- Exercise- Fetching Games (8:46)
-
Start27- Exercise- Removing Duplicate Interfaces (2:57)
-
Start28- Exercise- Creating a Reusable API Client (5:44)
-
Start29- Exercise- Implementing Infinite Queries (7:39)
-
Start30- Exercise- Implementing Infinite Scroll (5:38)
-
Start31- Exercise- Simplifying Query Objects (10:24)
-
Start32- Exercise- Creating Lookup Hooks (6:59)
-
Start33- Exercise- Simplifying Time Calculations (3:31)
-
Start34- Summary
-
Start1- Introduction (1:10)
-
Start2- Consolidating State Logic with a Reducer (7:12)
-
Start3- Creating Complex Actions (6:46)
-
Start4- Exercise- Working with Reducers (4:37)
-
Start5- Sharing State using React Context (9:42)
-
Start6- Exercise- Working with Context (4:24)
-
Start7- Debugging with React DevTools (1:07)
-
Start8- Creating a Custom Provider (2:58)
-
Start9- Creating a Hook to Access Context (1:24)
-
Start10- Exercise- Creating a Provider (2:51)
-
Start11- Organizing Code for Scalability and Maintainability (9:37)
-
Start12- Exercise- Organizing Code (3:09)
-
Start13- Splitting Contexts for Efficiency (2:46)
-
Start14- When to Use Context (3:14)
-
Start15- Context vs Redux (4:57)
-
Start16- Managing Application State with Zustand (7:24)
-
Start17- Exercise- Working with Zustand (4:15)
-
Start18- Preventing Unnecessary Renders with Selectors (2:42)
-
Start19- Inspecting Stores with Zustand DevTools (2:35)
-
Start20- Part Two- Project Work (0:25)
-
Start21- Exercise- Picking the Right State Management Solution (3:19)
-
Start22- Exercise- Setting Up a Zustand Store (6:44)
-
Start23- Exercise- Removing Props (12:03)
-
Start24- Discussion- Building Reusable Components (1:24)
-
Start25- Summary
Your Instructor
Hi! My name is Mosh Hamedani. I'm a software engineer with two decades of experience. I've taught millions of people how to code and how to become professional software engineers through my online courses and YouTube channel.
I believe coding should be fun and accessible to everyone.
30-Day Money-Back Guarantee
Try it risk-free
"Even though I've been working with React for two years, the beginners course is teaching me a lot, mostly good practices and Typescript. Quality is the usual expected from Mosh, super clear explanations, real life examples and what I value the most is his tone of voice. The course is a massage to the brain."
- Daniel Tkach
This is the second react course I have taken. Mosh does an excellent job at explaining every detail in a clear and concise manner. The notes he provides are invaluable for studying while not actively coding and are a great reference when working on a project. I had so much fun with the course; being able to understand each topic due to Mosh's exceptional teaching ability made me look forward to working through the course everyday. I highly recommend any course Mosh offers. Can't wait for part 2!
Frequently Asked Questions
With an average salary of $130k, learning React can be a smart investment that opens up new career opportunities.
Level Up Your React Skills
Here's what you get.
- 6 hours of HD videos
- 100 lessons
- Exercises and solutions
- Little-known expert tips
- Best practices to apply
- Common mistakes to avoid
- Lifetime access
- Downloadable source code
- Learn at your own pace
- Watch online or offline
- Watch on any device
- Certificate of completion
React is a highly-demanded skill in the job market!
Stop wasting your time jumping from one video tutorial to another.
With our amazing reviews and money back guarantee, what are you waiting for?