Advanced React Patterns

12h 7m 27s
English
Paid

Course description

Advanced Patterns React - is over 700 minutes of instructional material focused on studying advanced patterns in React, from data preloading to navigation, authentication, optimistic updates, and other topics.

Read more about the course

The course includes:

  • Advanced React Query patterns: complex caching strategies, data prefetching, cache invalidation, and optimistic updates.
  • Complete type safety with tRPC and TypeScript: eliminate runtime errors and enhance efficiency with robust code.
  • Powerful routing and navigation with Tanstack Router: dynamic handling of URLs and search parameters, custom router implementations, and an optimized user navigation experience.
  • Robust component and code architecture patterns: creating maintainable, reusable, and scalable components and architectures.
  • Authentication, user management, and secure integrations: implementing secure authentication, user profiles, forms, validations, file uploads, and integrations such as OpenStreetMap.
  • Mastering monorepos with pnpm Workspaces: sharing dependencies, libraries, and best practices for large frontend projects.

Each concept presented in the course is directly applicable to building large, professional applications that are in demand by employers and trusted by users.​

Watch Online

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The Creative React and Redux Course

The Creative React and Redux Course

Sources: developedbyed.com
This course will teach you everything you need to know about React. Get started now with 0 experience in React, we will take it step by step from the beginning, understanding ba...
18 hours 13 minutes 6 seconds
Full Stack Advanced React + GraphQL

Full Stack Advanced React + GraphQL

Sources: wesbos
Just as React has transformed the way we build web applications, GraphQL is changing how we build APIs to query and mutate data. With a focus on modern JavaScript and real world...
15 hours 43 minutes 10 seconds
Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]

Sources: udemy, Stephen Grider
Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers
37 hours 44 minutes 46 seconds