Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

Advanced React and Redux

React và Redux Nâng cao

React và Redux Nâng cao

Hướng dẫn chi tiết về React v16.6.3 và Redux v4.0.0 nâng cao - Xác thực, Kiểm thử, Middleware, HOC và Triển khai

4.5
(11,923 đánh giá)
91,188 học viên
Giảng viên
Stephen Grider
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 409.000đ -88%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
21.0 giờ video
242 bài giảng
2 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 10/07/2026
#Frontend Development #React #Redux #Web Development

Bạn sẽ học được gì

Xây dựng API có khả năng mở rộng với tính năng xác thực bằng Express, Mongo và Passport
Hiểu sự khác biệt giữa xác thực dựa trên cookie và token
Tìm hiểu Higher Order Component là gì và cách sử dụng nó để viết ít code hơn đáng kể
Tự viết Redux middleware từ đầu để khám phá những gì đang diễn ra đằng sau hậu trường với Redux
Thiết lập môi trường kiểm thử riêng với Jest và Enzyme
Nhận ra sức mạnh của việc xây dựng các component có thể kết hợp

Yêu cầu

Hiểu biết vững chắc về React
Hiểu biết trung cấp về Redux; bạn cần có kiến thức về reducers, actions và action creators

Đối tượng phù hợp

Dành cho lập trình viên đã có kinh nghiệm với React và Redux
KHÔNG dành cho lập trình viên chưa có kinh nghiệm trước đó với React/Redux!

Nội dung khóa học

8 phần • 238 bài giảng
1 Tài nguyên khóa học
1 Code mẫu bắt buộc - KHÔNG ĐƯỢC BỎ QUA
2 Tạo dự án
3 Bài kiểm thử đầu tiên
4 Giới thiệu về Jest
5 Tổng quan ứng dụng
6 Cài đặt các thư viện phụ thuộc
7 Thiết kế React và Redux
8 Chúng ta kiểm thử những gì?
9 Bắt đầu từ đầu
10 Render ứng dụng
11 Hiển thị các component trong ứng dụng
12 Tên file kiểm thử hợp lệ
13 Cấu trúc bài kiểm thử
14 "Đánh lừa" React với JSDOM
15 Xác minh sự tồn tại của component
16 Kỳ vọng trong kiểm thử
17 Giới hạn kiến thức kiểm thử
18 Thiết lập Enzyme
19 Bộ render Enzyme
20 Kỳ vọng cho các thể hiện component
21 Thời gian thực hành!
22 Kỳ vọng về Comment List
23 Import đường dẫn tuyệt đối
24 Tái sử dụng code với BeforeEach
25 Component Comment Box
26 Triển khai TextArea
27 File kiểm thử CommentBox
28 Khẳng định sự tồn tại của phần tử
29 Câu lệnh AfterEach
30 Mô phỏng sự kiện thay đổi
31 Cung cấp sự kiện giả
32 Buộc cập nhật component
33 Truy xuất giá trị prop
34 Bài tập Form Submit
35 Giải pháp bài tập
36 Câu lệnh Describe
37 Thiết lập Redux
38 Thẻ Provider
39 Action Creator SaveComment
40 Kết nối React với Redux
41 Lỗi kiểm thử Redux
42 Thêm Root Component
43 Kiểm thử Reducers
44 Xử lý các loại không xác định
45 Kiểm thử Action Creators
46 Kết nối Comment List
47 Đưa dữ liệu vào Redux
48 Trạng thái ban đầu của Redux
49 Truy vấn Cheerio
50 Thêm một tính năng nữa
51 Lấy tài nguyên từ xa
52 Phân tích Comment List
53 Kiểm thử tích hợp
54 Kiểm thử tích hợp trong thực tế
55 Sửa bài kiểm thử bị lỗi
56 Mô phỏng nhấp chuột vào nút
57 Tại sao thất bại?
58 Giả lập yêu cầu với Moxios
59 Lý do thất bại
60 Giới thiệu tạm dừng
61 Hàm Wait của Moxios
62 Tổng kết ứng dụng
1 Giới thiệu về Higher Order Components
2 Connect - Một Higher Order Component
3 Tổng quan ứng dụng
4 Thêm React Router
5 Thêm Routes
6 Auth Reducer
7 Render Header
8 Kết nối State
9 Thay đổi Auth State
10 Các bước xây dựng HOC
11 Điều hướng bắt buộc với React Router
12 Tạo HOC
13 Đặt logic có thể tái sử dụng
14 Truyền Props qua
1 Giới thiệu về Middleware
2 Mục đích của Redux Promise
3 Cách hoạt động của Middleware bất đồng bộ
4 Cú pháp Middleware phức tạp
5 Chuyển tiếp Actions
6 Chờ Promise hoàn thành
7 Quan sát Middleware
8 Middleware xác thực State
9 JSON Schema
10 Tạo JSON Schema
11 Tạo Middleware
12 Phát cảnh báo
1 Giới thiệu về Xác thực
2 Cookies vs Tokens
3 Kiến trúc có thể mở rộng
4 Thiết lập Server
5 Thiết lập Server tiếp theo
6 Express Middleware
7 Express Route Handler
8 Mongoose Models
9 Thiết lập MongoDB
10 Kiểm tra cơ sở dữ liệu
11 Bộ điều khiển xác thực
12 Tìm kiếm người dùng
13 Tạo bản ghi người dùng
14 Mã hóa mật khẩu với Bcrypt
15 Thêm muối vào mật khẩu
16 Tổng quan về JWT
17 Tạo JWT
18 Cài đặt Passport
19 Chiến lược Passport
20 Sử dụng chiến lược với Passport
21 Tạo yêu cầu đã xác thực
22 Đăng nhập với Local Strategy
23 Mục đích của Local Strategy
24 Hoàn tất vòng đời Bcrypt
25 Bảo vệ route đăng nhập
26 Đăng nhập người dùng
27 Tổng kết Server
1 Code mẫu bắt buộc - KHÔNG ĐƯỢC BỎ QUA
2 Tổng quan Client
3 Cài đặt thư viện
4 Component App
5 Tạo Header
6 Kết nối React Router
7 Tạo khung Form đăng ký
8 Bao gồm Redux
9 ReduxForm cho đăng ký
10 Xử lý gửi Form
11 Kết nối Middleware
12 Kiến thức cơ bản về Redux Thunk
13 Gọi API
14 Dọn dẹp code với Compose
15 CORS tóm tắt
16 Giải pháp cho lỗi CORS
17 Dispatch Actions
18 Hiển thị lỗi xác thực
19 Chuyển hướng khi đăng ký
20 Component Feature
21 HOC Require Auth
22 Tham khảo - Code HOC
23 Duy trì trạng thái đăng nhập
24 Đăng xuất người dùng
25 Tự động đăng xuất
26 Component Signin
27 Action Creator Signin
28 Cập nhật Header
29 Tạo kiểu Header
30 Tổng kết Xác thực
1 Lưu ý về các bài giảng tiếp theo
2 Lưu ý
3 Thiết lập dự án
4 Spec đầu tiên
5 Kiểm thử cốt lõi - Describe, It, Expect
6 Báo cáo kiểm thử
7 Bản phác thảo tính năng
8 Thiết lập cấu trúc kiểm thử
9 Kiểm thử Comment Box
10 Kiểm thử Class Names
11 Sử dụng beforeEach để tóm gọn bài kiểm thử
12 Kỳ vọng về phần tử con
13 Mô phỏng sự kiện
14 Kiểm thử Controlled Components
15 Sự kiện gửi Form
16 Comment List giả lập
17 Kỳ vọng về nội dung
18 Khẳng định với danh sách
19 Kiểm thử Action Creators
20 Lối tắt Action Creator
21 TDD Comments Reducer
22 Spec thất bại sau khi thay đổi code
23 Mục đích của Chai và Mocha
24 Tổng quan ứng dụng
25 Tạo Test Helper từ đầu
26 Thiết lập JSDom
27 Thiết lập JSDom tiếp theo
28 Thư viện TestUtils
29 Định nghĩa RenderComponent
30 Hoàn thành Helper RenderComponent
31 Helper Simulate
32 Tổng kết Test Helper
33 Higher Order Component là gì?
34 Connect và Provider
35 Tổng quan HOC Xác thực
36 Thiết lập Header
37 Thiết lập React Router
38 Reducer Xác thực
39 Kết nối Action Creator
40 Higher Order Component Xác thực
41 Mã khung HOC
42 Lồng ghép các Higher Order Component
43 Truy cập React Router trên Context
44 Thuộc tính cấp Class
45 Xử lý các trường hợp đặc biệt của HOC
46 Tổng kết Higher Order Components
47 Tổng quan về Middleware
48 Kế hoạch xây dựng ứng dụng
49 Reducer Người dùng
50 Action Creator Người dùng Tĩnh
51 Hiển thị Danh sách Người dùng
52 Dọn dẹp CSS
53 Những khó khăn khi thiếu Middleware
54 Ngăn xếp Middleware
55 Cơ chế bên trong Middleware
56 Xử lý các Action không liên quan
57 Xử lý Promises
58 Tổng kết Middleware
59 Thiết lập Client
60 Kiến trúc Ứng dụng
61 Thiết kế Component và State
62 Component Header
63 Tạo khung Form Đăng nhập
64 Thêm Form Đăng nhập
65 Action Creator với Nhiều Trách nhiệm
66 Giới thiệu Redux Thunk
67 Action Creator Đăng nhập
68 CORS Tóm tắt
69 Giải pháp Phía Máy chủ cho CORS
70 Điều hướng theo Chương trình
71 Cập nhật Trạng thái Xác thực
72 Nghỉ giải lao và Tổng kết
73 LocalStorage và JWT
74 Thông báo Lỗi Xác thực
75 Hiển thị Lỗi
76 Logic Header
77 Component Đăng xuất
78 Action Creator Đăng xuất
79 Component Đăng ký
80 Tạo khung Form Đăng ký
81 Xác thực Redux Form
82 Triển khai Logic Xác thực
83 Thêm về Xác thực
84 Action Creator Đăng ký
85 Hoàn tất Đăng ký
86 Bảo mật các Route riêng lẻ
87 Root IndexRoute
88 Tự động Xác thực Người dùng
89 Thực hiện các Yêu cầu API đã Xác thực
90 Xử lý Dữ liệu từ Yêu cầu đã Xác thực
91 Tổng kết Xác thực
1 Phần thưởng!

Giới thiệu khóa học

Knowledge of React + Redux is 100% required! If you are familiar with reducers and action creators you will be fine.

This is the tutorial you've been looking for to take your React and Redux skills to the next level.

Authentication with Express/Mongo?  Yes!  Middleware/Higher Order Components? We got it.  Testing with Mocha/Chai?  It's here!

This course wastes no time diving right into interesting topics, and teaches you the core knowledge you need to deeply understand and build React components and structure applications with Redux.

Mastering React and Redux can get you a position in web development or help you build that personal project you've been dreaming of. It's a skill that will put you more in demand in the modern web development industry, especially with the release of Redux and ReactNative.

There are dozens of great tutorials online for React and Redux, but none of them teach the challenging, core features of these two fantastic libraries.  I created this course to push you beyond "just getting started."

  • Learn how to thoroughly test React and Redux code, including tests for action creators and reducers

  • Get familiar with Higher Order Components.  Don't know what they are?  No problem, you have been using them without even knowing it!

  • Rewrite a popular Redux Middleware from scratch to handle asynchronous actions

  • Become a master of the trickiest topic in Javascript: authentication.  You will write a server with enterprise-grade authentication from scratch that can scale to hundreds of thousands of users.  No shortcuts, no dummy data.

I have built the course that I would have wanted to take when I was learning React and Redux.  A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.


Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Redux
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊