The Ultimate React Course 2025: React, Next.js, Redux & More
About Course
Nội dung bài học
- Become an advanced, confident, and modern React developer from scratch
- Build 10+ beautiful projects, including two HUGE professional real-world apps
- Become job-ready by working with libraries and tools used in professional projects
- Join my other 1,900,000+ happy students on this journey
- Think like a senior React engineer with advanced design patterns
- Next..js “App” router with cutting-edge React Server Components + Server Actions
- State management: thinking about state, where to place, local vs. global, UI vs. remote
- Build reusable, composable, and versatile components
- Master the confusing but important useEffect hook once and for all
- Build many custom hooks, reusable in your future projects
- Build single-page applications with React Router (including v6.4+ with data loading)
- Performance optimization with memo, useMemo, useCallback, and code splitting
- Advanced React features: useReducer, Context API, cloneElement, portals, etc.
- Advanced state management with Redux, Redux Toolkit, Thunks, React Query
- Build real-world app features: authentication, data sorting, filtering and pagination, dark mode, charts, etc.
- Understand how React actually works behind the scenes: virtual DOM, reconciliation, fiber tree, key prop, etc.
- Style your apps with Tailwind CSS, CSS Modules, Styled Components (CSS-in-JS)
- Practice your skills with many challenges, exercises, and practice projects
Course Content
01 – Welcome, Welcome, Welcome!
02 – PART 1 REACT FUNDAMENTALS [4 PROJECTS]
03 – A First Look at React
- 00:39
- 10:27
- 07:08
- 09:17
- 08:47
- 14:49
- 03:16
- 07:41
- 12:48
04 – [Optional] Review of Essential JavaScript for React
- 00:55
- 10:58
- 09:53
- 04:50
- 05:49
- 04:59
- 10:32
- 06:30
- 08:35
- 08:36
- 07:20
- 06:38
- 11:06
- 08:11
- 07:30
05 – Working With Components, Props, and JSX
- 00:54
- 07:25
- 09:46
- 04:34
- 09:40
- 06:25
- 08:07
- 04:26
- 05:57
- 12:17
- 09:08
- 07:09
- 17:25
- 03:37
- 11:24
- 09:16
- 04:45
- 05:03
- 04:32
- 04:52
- 05:36
- 08:00
- 05:33
- 08:15
06 – State, Events, and Forms Interactive Components
- 01:02
- 14:48
- 07:21
- 06:08
- 09:07
- 05:17
- 04:51
- 08:36
- 06:09
- 05:16
- 06:33
- 06:34
- 13:09
- 04:08
- 08:54
- 08:42
- 11:55
- 18:26
- 03:30
- 13:56
- 10:31
07 – Thinking In React State Management
- 00:58
- 04:59
- 09:24
- 14:41
- 06:25
- 08:14
- 07:43
- 03:03
- 10:43
- 10:48
- 05:03
- 08:53
- 14:15
- 16:10
- 08:12
- 10:15
- 22:09
08 – [Optional] Practice Project Eat-‘N-Split
- 00:55
- 03:52
- 12:01
- 09:27
- 06:33
- 18:38
- 15:02
- 09:53
- 12:47
09 – PART 2 INTERMEDIATE REACT [2 PROJECTS]
10 – Thinking in React Components, Composition, and Reusability
- 01:00
- 04:10
- 12:35
- 23:57
- 02:42
- 07:31
- 04:50
- 08:49
- 06:30
- 04:44
- 11:22
- 13:04
- 07:43
- 04:28
- 19:27
- 07:24
- 18:20
11 – How React Works Behind the Scenes
- 01:55
- 11:11
- 05:09
- 07:53
- 06:55
- 18:28
- 11:27
- 05:52
- 05:13
- 07:41
- 04:02
- 04:07
- 09:24
- 09:10
- 15:43
- 13:42
- 09:52
- 10:26
12 – Effects and Data Fetching
- 00:58
- 04:31
- 09:48
- 04:40
- 06:23
- 05:40
- 03:47
- 13:02
- 12:17
- 15:08
- 13:19
- 17:43
- 26:11
- 08:44
- 04:20
- 05:22
- 10:16
- 14:06
- 16:43
13 – Custom Hooks, Refs, and More State
- 00:57
- 10:55
- 08:36
- 12:30
- 13:30
- 03:14
- 03:38
- 05:36
- 10:09
- 10:15
- 04:22
- 13:02
- 09:06
- 08:19
- 07:27
14 – [Optional] React Before Hooks Class-Based React
- 01:16
- 09:32
- 10:24
- 05:37
- 07:45
- 09:39
- 14:10
- 04:05
- 04:19
- 15:36
15 – PART 3 ADVANCED REACT + REDUX [4 PROJECTS]
16 – The Advanced useReducer Hook
- 01:03
- 17:58
- 12:23
- 14:13
- 07:57
- 18:31
- 09:05
- 04:54
- 07:45
- 16:42
- 06:22
- 08:57
- 15:07
- 07:05
- 20:56
- 05:53
- 19:50
17 – React Router Building Single-Page Applications (SPA)
- 01:01
- 15:41
- 06:40
- 12:15
- 09:57
- 05:50
- 16:30
- 16:59
- 08:44
- 13:25
- 18:42
- 11:07
- 05:31
- 10:28
- 10:34
- 11:50
- 04:12
18 – Advanced State Management The Context API
- 00:59
- 04:22
- 05:16
- 09:26
- 10:53
- 16:15
- 11:38
- 08:32
- 04:26
- 17:58
- 09:25
- 05:58
- 13:38
- 11:33
- 17:42
- 23:27
- 05:37
- 22:38
- 11:02
- 16:24
- 11:21
- 08:22
19 – Performance Optimization and Advanced useEffect
- 01:03
- 06:06
- 08:21
- 11:49
- 05:29
- 13:17
- 06:39
- 08:42
- 10:09
- 14:47
- 12:37
- 15:52
- 02:59
- 10:01
- 12:15
- 11:55
- 15:04
- 09:52
20 – Redux and Modern Redux Toolkit (With Thunks)
- 01:07
- 12:13
- 10:47
- 09:46
- 06:28
- 12:30
- 11:47
- 05:46
- 17:21
- 04:50
- 04:28
- 17:50
- 10:21
- 03:40
- 04:37
- 21:43
- 05:02
- 09:14
- 07:43
21 – PART 4 PROFESSIONAL REACT DEVELOPMENT [2 PROJECTS]
22 – React Router With Data Loading (v6.4+)
- 00:51
- 08:13
- 21:24
- 08:20
- 10:30
- 11:18
- 11:50
- 06:00
- 06:24
- 12:40
- 19:03
- 10:26
23 – [Optional] Tailwind CSS Crash Course Styling the App
- 00:59
- 07:56
- 12:03
- 08:59
- 10:00
- 11:17
- 10:48
- 06:31
- 12:20
- 12:11
- 10:22
- 04:28
- 12:27
- 06:30
- 10:53
- 18:27
- 11:46
- 13:21
- 13:53
24 – Adding Redux and Advanced React Router
- 00:39
- 13:23
- 10:37
- 14:20
- 07:06
- 08:59
- 07:05
- 14:44
- 13:32
- 14:30
- 16:04
- 16:04
- 12:44
- 14:37
25 – Setting Up Our Biggest Project + Styled Components
- 00:54
- 18:29
- 08:11
- 12:22
- 14:36
- 10:25
- 11:02
- 06:27
- 14:21
- 13:09
26 – Supabase Crash Course Building a Back-End!
- 00:46
- 02:24
- 05:27
- 05:34
- 09:31
- 08:29
- 06:18
- 08:45
- 04:38
27 – React Query Managing Remote State
- 00:46
- 06:20
- 07:19
- 21:41
- 17:21
- 08:41
- 11:17
- 12:13
- 22:42
- 14:41
- 30:39
- 17:26
- 06:49
- 08:47
- 11:27
28 – Advanced React Patterns
- 01:13
- 05:44
- 06:19
- 07:42
- 08:06
- 18:17
- 19:54
- 21:45
- 13:36
- 08:41
- 11:45
- 04:38
- 32:35
29 – [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc
- 01:16
- 18:49
- 20:25
- 17:59
- 06:15
- 17:10
- 06:53
- 15:52
- 10:39
- 07:58
- 15:17
- 28:18
- 14:04
- 09:50
- 13:33
- 22:06
- 23:23
- 09:00
- 05:35
- 10:59
- 15:01
- 10:18
- 28:26
- 21:29
- 04:25
- 15:20
- 12:02
- 22:55
- 15:52
- 20:41
- 09:44
- 14:38
30 – Deployment With Netlify and Vercel
31 – PART 5 FULL-STACK REACT WITH NEXT.JS [1 PROJECT]
32 – Overview of Next.js With the App Router
- 00:46
- 15:45
- 26:32
- 06:33
- 15:04
- 12:03
- 10:11
- 09:38
- 09:25
- 12:13
- 32:04
- 06:36
- 08:02
- 06:28
- 18:35
- 12:15
33 – Starting to Build the Wild Oasis Website
- 00:51
- 13:09
- 11:01
- 09:24
- 10:25
- 06:24
- 07:02
- 08:39
- 09:47
- 13:29
- 06:55
- 12:13
34 – Data Fetching, Caching, and Rendering
- 01:03
- 11:43
- 11:13
- 07:15
- 12:18
- 10:29
- 10:25
- 03:39
- 09:03
- 05:45
- 14:14
- 04:47
- 08:33
- 09:11
- 06:57
- 18:28
- 20:39
- 03:46
35 – Client and Server Interactions
- 01:13
- 15:05
- 08:14
- 07:45
- 34:28
- 10:39
- 27:00
- 25:46
- 11:35
36 – Authentication With NextAuth (Auth.js)
- 00:54
- 21:38
- 14:11
- 04:12
- 10:52
- 12:17
- 03:22
- 14:35
37 – Mutations With Server Actions + Modern React Hooks
- 01:07
- 12:01
- 30:43
- 05:52
- 07:55
- 10:27
- 19:30
- 07:27
- 30:24
- 22:22
- 12:09
- 32:28
38 – Deployment With Vercel
39 – [OPTIONAL] Legacy Next.js The Pages Router
- 01:07
- 08:52
- 07:36
- 03:33
- 06:37
- 02:28
- 06:03
- 08:12
- 10:50
- 11:55
- 15:41
