Advanced React Patterns

12h 7m 27s
English
Paid

Master Advanced React Patterns - Explore over 700 minutes of comprehensive instructional material focusing on advanced React patterns. This course will guide you through essential topics, including data preloading, navigation, authentication, optimistic updates, and much more.

Course Overview

What You Will Learn:

  • Advanced React Query Patterns: Dive into complex caching strategies, data prefetching, cache invalidation, and executing optimistic updates.
  • Type-Safe Development with tRPC and TypeScript: Learn to eliminate runtime errors and increase efficiency by writing robust, type-safe code.
  • Optimized Routing with Tanstack Router: Master dynamic URL handling, search parameters management, custom router creations, and enhance user navigation.
  • Robust Component and Architecture Design: Develop maintainable, reusable, and scalable components as well as code architectures.
  • Secured Authentication and User Management: Implement secure authentication methods, manage user profiles, forms, validations, file uploads, and integrate services like OpenStreetMap.
  • Monorepo Management with pnpm Workspaces: Learn to share dependencies, leverage common libraries, and apply best practices for managing large frontend projects.

Real-World Application

Each concept introduced in this course is directly applicable to constructing large-scale, professional applications that are actively sought after by employers and trusted by users.

About the Author: Cosden Solutions

Cosden Solutions thumbnail

Cosden Solutions is a YouTube channel dedicated to teaching React development. The channel's founder is a developer named Darius, who began his freelance career in 2020. At the beginning of 2023, he decided to create a YouTube channel to share his experience and educate other developers. The channel offers numerous video tutorials, courses, and code reviews to help improve skills in working with React.

Watch Online 57 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 57 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course introduction
All Course Lessons (57)
#Lesson TitleDurationAccess
1
Course introduction Demo
13:16
2
Setting up the dev environment
03:29
3
Project overview
09:55
4
Managing dependencies
06:01
5
UI components
02:46
6
Backend overview
05:53
7
Database and running the project
05:23
8
Implementing the first feature
12:10
9
Setting up the tRPC client
17:28
10
Fetching and displaying experiences
26:26
11
Implementing infinite scrolling
11:24
12
Fetching and displaying comments
13:45
13
Implementing adding comments
15:51
14
Implementing editing comments
09:47
15
Implementing deleting comments
06:34
16
Caching and invalidation deep dive
08:16
17
Setting up Tanstack Router
21:48
18
Creating the first route
05:00
19
Loading data through loaders
15:36
20
Configuring dynamic routes
18:27
21
Handling page errors
06:46
22
Handling 404 errors
05:52
23
Search params and filters
16:38
24
Implementing user avatars
05:49
25
Implementing user profiles
13:05
26
Setting up authentication and logging in
37:01
27
Logging out and protected routes
09:17
28
Implementing account creation
05:38
29
Implementing changing email
09:09
30
Implementing changing password
06:26
31
Implementing editing profile
27:07
32
Implementing editing experiences
27:20
33
Implementing deleting experiences
18:09
34
Restoring authentication to comments
04:48
35
Implementing file uploads
04:59
36
Implementing attending experiences
30:39
37
Implementing unattending experiences
02:33
38
Optimistic updates deep dive
19:37
39
Fetching and displaying attendees
23:14
40
Showing following and follower lists
06:18
41
Implementing following users
16:17
42
Implementing unfollowing users
02:53
43
Optimistic adding comments
22:33
44
Optimistic editing comments
04:14
45
Optimistic deleting comments
03:24
46
Implementing notifications
26:00
47
Implementing a favorite system
22:56
48
Implementing tags and multi-select
20:27
49
Implementing date and time pickers
05:28
50
Implementing maps and locations
28:25
51
Implementing creating listings
09:09
52
Managing experience attendees
13:34
53
Implementing comment likes
12:29
54
Bug fixes and improvements
01:03
55
(Improvement) Reduce duplication of optimistic updates
10:48
56
(Bug Fix) Fixing attendees invalidation
07:47
57
Conclusion and next steps
10:20
Unlock unlimited learning

Get instant access to all 56 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription