Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

React with Test Driven Development

React với Phát triển Hướng Kiểm thử (TDD)

React với Phát triển Hướng Kiểm thử (TDD)

Học React bằng cách áp dụng phát triển hướng kiểm thử (bao gồm react router, redux, jest, testing-library/react)

4.4
(223 đánh giá)
2,097 học viên
Giảng viên
Basar Buyukkahraman
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
15.0 giờ video
89 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

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

Xây dựng một ứng dụng với React
Xây dựng ứng dụng hỗ trợ đa ngôn ngữ (i18n)
Xây dựng ứng dụng với định tuyến phía máy khách, sử dụng react router
Triển khai quản lý trạng thái toàn cục với Context API và Redux
Thực hành Phát triển Hướng Kiểm thử trong một dự án hoàn chỉnh từ đầu đến cuối
Cách giả lập các phụ thuộc bên ngoài trong kiểm thử
Cảm nhận sự tự tin mà phát triển hướng kiểm thử mang lại khi tái cấu trúc ứng dụng

Yêu cầu

Yêu cầu có kinh nghiệm với javascript

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

Dành cho lập trình viên muốn học React
Dành cho lập trình viên muốn xem Phát triển Hướng Kiểm thử trong thực tế

Nội dung khóa học

9 phần • 89 bài giảng
1 Giới thiệu
2 Phương pháp luận
3 Công cụ phát triển
4 Tạo dự án
5 Mã nguồn dự án
6 Tài nguyên
1 Component đầu tiên
2 Bố cục - Biểu mẫu Đăng ký
3 Tương tác Biểu mẫu
4 Yêu cầu API - Đăng ký
5 Cập nhật Mock Service Worker
6 Giả lập & Mock Service Worker (MSW)
7 Proxy
8 Định kiểu (Styling)
9 Chỉ báo Tiến trình
10 Bố cục - Đăng ký Thành công
11 Tái cấu trúc - Vòng đời Kiểm thử & Async Await
1 Hiển thị Lỗi Xác thực
2 Kích hoạt Nút sau Lỗi Xác thực
3 Mock Service Worker - Ghi đè Handler
4 Component - Input
5 Định kiểu Input
6 Hiển thị Lỗi cho các Input còn lại
7 Xác thực Phía Máy khách
8 Ẩn Lỗi
1 Quốc tế hóa - i18n
2 Lựa chọn Ngôn ngữ
3 Component - LanguageSelector
4 Dịch Thông báo Xác thực
5 Header Accept Language trong Yêu cầu API
6 Tái cấu trúc - Module Yêu cầu API
1 Định tuyến Phía Máy khách
2 Bố cục - Thanh Điều hướng (NavBar)
3 Định kiểu Thanh Điều hướng
4 Cảnh báo Phiên bản React Router
5 React Router
6 Vòng đời Component
7 Route cho AccountActivationPage
8 Yêu cầu API - Kích hoạt Tài khoản
9 Danh sách Phụ thuộc của useEffect
10 Chỉ báo Tiến trình - Kích hoạt Tài khoản
11 Component - Alert & Spinner
12 Async/Await trong useEffect
13 Higher Order Component - HoC
14 Hooks
1 Component - UserList
2 Phân trang trong Module Kiểm thử
3 Trang Tiếp theo & Trang Trước
4 Liên kết đến UserPage
5 Component - UserListItem
6 Key trong Vòng lặp
7 Dịch thuật
8 Chỉ báo Tiến trình - Tải Danh sách Người dùng
9 Bố cục & Yêu cầu API cho UserPage
10 Chỉ báo Tiến trình - Tải Người dùng
11 Bố cục - Không tìm thấy Người dùng
1 Bố cục - LoginPage
2 Tương tác Biểu mẫu
3 Yêu cầu API - Đăng nhập
4 Lỗi Xác thực
5 Dịch thuật
6 Định tuyến sau khi Xác thực Thành công
7 Component - ButtonWithProgress
1 Bố cục - Thanh Điều hướng sau Đăng nhập - Nâng State lên
2 Component - NavBar
3 Prop Drilling
4 Context
5 Tái cấu trúc - Context & Thiết lập Kiểm thử
6 Redux
7 Sử dụng Redux trong NavBar
8 Sử dụng Redux trong LoginPage
9 Tái cấu trúc - Redux
10 Lưu trữ State trong LocalStorage
11 Trừu tượng hóa LocalStorage
12 Mã hóa LocalStorage
13 Lưu trữ Thông tin Xác thực
1 Bố cục - Cập nhật Người dùng
2 Yêu cầu API - Cập nhật Người dùng
3 Cập nhật Thành công
4 Hủy Cập nhật
5 Sửa lỗi - Tải lại Người dùng sau Điều hướng
6 UserList Nhận biết Xác thực
7 Đăng xuất
8 Bố cục - Nút Xóa Người dùng
9 Component - Modal
10 Hủy Xóa Người dùng
11 Xác nhận Xóa Người dùng
12 Trạng thái Toàn cục sau khi Xóa Người dùng
13 Redux - Action Creator

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

React is one of the most popular library for the client application development.

In this course we will be learning react by creating a web application with it. Also we will apply test driven development (TDD) methodology from beginning to the end.

We will use one of the most popular test libraries of javascript. jest and testing-library

while building this application, we will learn

  • client-side routing. we will apply our custom implementation then we will use react-router library

  • internationalization

  • global state management by using react's context api and then replacing it with redux

and we will see

  • how test driven development works.

  • how it's affecting our code quality, reusability

  • how it's giving us the confidence about refactoring our implementation

  • how to avoid implementation details while creating tests

This course is purely built on practice. Each code piece we write, will be for our actual application implementation.

In each section we will gradually build our application. We will not jump ahead and add functionality not needed for that moment. We will implement one requirement at a time. Each implementation will bring the next requirement to us.

And following this practice, will help you to get a solid foundation about overall web application requirements and how to implement one of them with react by following test driven development methodology.

After completing the course, you will be able to use React in your next project and you will experience the benefits of test driven development.

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 Javascript
Hiển thị tất cả khoá học React
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 😊