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

The Complete React Developer Course (w/ Hooks and Redux)

Khóa Học Phát Triển Ứng Dụng React Toàn Diện (Có Hooks và Redux)

Khóa Học Phát Triển Ứng Dụng React Toàn Diện (Có Hooks và Redux)

Học cách xây dựng và triển khai ứng dụng web React bằng React, Redux, Webpack, React-Router và nhiều hơn nữa!

4.4
(23,638 đánh giá)
88,478 học viên
Giảng viên
Andrew Mead
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
79.000đ 1.619.000đ -95%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
39.0 giờ video
201 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 07/06/2026

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

Xây dựng, kiểm thử và triển khai ứng dụng React
Sử dụng JavaScript ES6/ES7 hiện đại
Thiết lập xác thực và tài khoản người dùng
Triển khai ứng dụng React trực tiếp lên web
Tìm hiểu các thư viện và công cụ React mới nhất
Thành thạo React, Redux, React-Router và hơn thế nữa

Yêu cầu

Máy tính có thể cài đặt phần mềm (Windows, MacOS hoặc Linux)
Hiểu biết cơ bản về JavaScript (hàm, đối tượng, mảng, hàm callback)

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

Dành cho những ai muốn tự triển khai ứng dụng React, chuyển đổi nghề nghiệp hoặc làm freelancer với React

Nội dung khóa học

19 phần • 200 bài giảng
1 Lời chào và Cách Đặt Câu Hỏi Hiệu Quả
2 "Tại sao tôi nên học React?"
1 Giới thiệu Phần: Thiết lập Môi trường Làm việc
2 Cài đặt Visual Studio Code
3 Cài đặt Node.js & Yarn
1 Giới thiệu Phần: Hello React
2 Thiết lập Web Server
3 Hello React
4 Thiết lập Babel
5 Tìm hiểu JSX
6 Biểu thức JSX
7 Render có điều kiện trong JSX
8 ES6: const và let
9 ES6: Arrow Functions
10 ES6: Arrow Functions Phần II
11 Sự kiện và Thuộc tính
12 Ràng buộc Dữ liệu Thủ công
13 Biểu mẫu và Đầu vào
14 Mảng trong JSX
15 Lựa chọn một Tùy chọn
16 Thực hành: Công tắc Hiển thị
1 Giới thiệu Phần: React Components
2 Tư duy với React
3 ES6 Classes: Phần I
4 ES6 Classes: Phần II
5 Tạo một React Component
6 Component Lồng nhau
7 Props của Component
8 Sự kiện & Phương thức
9 Ràng buộc Phương thức
10 State của Component là gì?
11 Thêm State vào Ứng dụng Đếm: Phần I
12 Thêm State vào Ứng dụng Đếm: Phần II
13 Cú pháp setState Thay thế
14 Thực hành: Thêm State vào VisibilityToggle
15 State cho Ứng dụng Indecision: Phần I
16 State cho Ứng dụng Indecision: Phần II
17 Tóm tắt: Props vs. State
1 Giới thiệu Phần: Stateless Functional Components
2 Stateless Functional Component
3 Giá trị Props Mặc định
4 React Dev Tools
5 Xóa từng Tùy chọn Riêng lẻ
6 Lifecycle Methods
7 Lưu và Tải Dữ liệu Tùy chọn
8 Lưu và Tải Giá trị Đếm
1 Giới thiệu Phần: Webpack
2 Webpack là gì?
3 Tránh Global Modules
4 Cài đặt & Cấu hình Webpack
5 ES6 import/export
6 Default Exports
7 Importing npm Modules
8 Thiết lập Babel với Webpack
9 Một Component trên một File
10 Source Maps với Webpack
11 Webpack Dev Server
12 ES6 class properties
1 Giới thiệu Phần: Sử dụng Component của Bên thứ ba
2 Truyền Children vào Component
3 Thiết lập React-Modal
4 Thêm: Tái cấu trúc các Stateless Functional Components khác
1 Giới thiệu Phần: Tạo kiểu cho React
2 Thiết lập Webpack với SCSS
3 Kiến trúc và Kiểu dáng Header
4 Reset CSS
5 Chủ đề hóa với Biến số
6 Nút Lớn & Danh sách Tùy chọn
7 Tạo kiểu cho Danh sách Tùy chọn
8 Tạo kiểu cho Mục Tùy chọn
9 Tạo kiểu cho React-Modal
10 Cân nhắc cho Thiết bị Di động
11 Thêm: Favicon
1 Giới thiệu Phần: React Router
2 Định tuyến Server vs. Client
3 Thiết lập Ứng dụng Ngân sách
4 React-Router Cơ bản
5 Thiết lập Trang 404
6 Liên kết giữa các Route
7 Tổ chức các Route
8 Query Strings và URL Parameters
9 Thực hành: Router cho Trang Portfolio
1 Giới thiệu Phần: Redux
2 Tại sao cần một công cụ như Redux?
3 Thiết lập Redux
4 Dispatch Actions
5 Subscribing và Dynamic Actions
6 ES6 Object Destructuring
7 ES6 Array Destructuring
8 Tái cấu trúc và Tổ chức
9 Reducers
10 Làm việc với Nhiều Reducers
11 ES6 Spread Operator trong Reducers
12 Spread Objects
13 Hoàn thiện Reducers
14 Lọc Dữ liệu Redux
15 Sắp xếp Dữ liệu Redux
1 Giới thiệu Phần: Kết nối React và Redux
2 Tổ chức Redux
3 Higher Order Component
4 Kết nối Store và Component với React-Redux
5 Render từng Khoản chi
6 Controlled Inputs cho Bộ lọc
7 Dropdown để chọn SortBy
8 Tạo Biểu mẫu Thêm/Sửa Khoản chi
9 Thiết lập Date Picker
10 Kết nối Chức năng Thêm Khoản chi
11 Kết nối Chức năng Sửa Khoản chi
12 Redux Dev Tools
13 Lọc theo Ngày tháng
1 Giới thiệu Phần: Kiểm thử React Components
2 Thiết lập Jest
3 Kiểm thử Expenses Action Generators
4 Kiểm thử Filters Action Generators
5 Kiểm thử Expenses Selector
6 Kiểm thử Filters Reducer
7 Kiểm thử Expenses Reducer
8 Snapshot Testing
9 Enzyme
10 Snapshot Testing với Dynamic Components
11 Mocking Libraries với Jest
12 Kiểm thử Tương tác Người dùng
13 Test Spies
14 Kiểm thử AddExpensePage
15 Kiểm thử EditExpensePage
16 Kiểm thử ExpenseListFilters
17 Kiểm thử ExpenseListFilters: Phần II
1 Giới thiệu Phần: Triển khai Ứng dụng
2 Cài đặt Git
3 Git là gì?
4 Tích hợp Git vào Dự án
5 Thiết lập SSH và Github
6 Webpack cho Production
7 Tạo File CSS Riêng biệt
8 Web Server Production với Express
9 Triển khai với Heroku
10 Dependencies thường vs. Dependencies phát triển
11 Quy trình Làm việc với Tính năng Mới
12 Thực hành: Thêm Total Selector
13 Thực hành: Thêm Summary Component
1 Giới thiệu Phần: Firebase Cơ bản
2 Lấy Firebase
3 Ghi vào Cơ sở dữ liệu
4 ES6 Promises
5 Promises với Firebase
6 Xóa Dữ liệu từ Firebase
7 Cập nhật Dữ liệu
8 Lấy Dữ liệu Từ Firebase
9 Dữ liệu Mảng trong Firebase: Phần I
10 Dữ liệu Mảng trong Firebase: Phần II
1 Giới thiệu Phần: Firebase với Redux
2 Redux Actions Bất đồng bộ
3 Kiểm thử Async Redux Actions: Phần I
4 Kiểm thử Async Redux Actions: Phần II
5 Tạo Cơ sở dữ liệu Kiểm thử Riêng biệt
6 Heroku Environment Variables
7 Lấy Khoản chi: Phần I
8 Lấy Khoản chi: Phần II
9 Xóa Khoản chi
10 Cập nhật Khoản chi
1 Giới thiệu Phần: Xác thực Firebase
2 Trang Đăng nhập và Xác thực Google
3 Đăng xuất
4 Chuyển hướng Đăng nhập hoặc Đăng xuất
5 Auth Reducer
6 Private Only Routes
7 Public Only Routes
8 Dữ liệu Firebase Riêng tư
9 Xác thực Dữ liệu và Triển khai
1 Giới thiệu Phần: Tạo kiểu cho Ứng dụng Ngân sách
2 Tạo kiểu cho Trang Đăng nhập
3 Tạo kiểu cho Nút
4 Tùy chỉnh giao diện Khu vực Tổng hợp
5 Tùy chỉnh giao diện Bộ lọc Danh sách
6 Tùy chỉnh giao diện Ô Nhập liệu
7 Tùy chỉnh giao diện Biểu mẫu Chi tiêu
8 Tùy chỉnh giao diện Danh sách Chi tiêu: Phần I
9 Tùy chỉnh giao diện Danh sách Chi tiêu: Phần II
10 Thêm Hiệu ứng Tải
11 Babel Polyfill
12 Triển khai Cuối cùng
1 Giới thiệu Phần: Bây giờ thì sao?
2 Tạo Boilerplate Hoàn chỉnh
3 Nâng cấp Ứng dụng Quản lý Ngân sách
4 Nâng cấp Ứng dụng Indecision
5 Ý tưởng Ứng dụng Mới: Blog
6 Hẹn gặp lại
1 Giới thiệu Phần
2 Sử dụng Create React App
3 Hook useState
4 So sánh useState và setState
5 State Phức tạp với useState
6 Hook useEffect
7 Các Phụ thuộc của useEffect
8 Dọn dẹp Effect
9 Hook useReducer
10 Context API & Hook useContext: Phần I
11 Context API & Hook useContext: Phần II
12 Fragments
13 Tạo Custom Hook

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

This course was just updated to support React v16, React Hooks, the Context API, and more!

--

Have you tried to learn React before?

It’s easy to go down the rabbit hole of libraries and tools only to come out of it not knowing how to build and launch a real-world React application. You get things configured, but you’re not sure how the libraries fit together (or if you’re even using the right one).

Sound familiar?

I built this course to show you how you can build and launch real-world React web applications.

The Complete React Web Developer Course 2 starts with the fundamentals and covers everything you’ll need to build and launch React web apps.

You’ll see what it takes to build and launch a React app, from the first line of code to the final production deployment.

This course was designed around one goal: turning you into a professional React developer capable of developing, testing, and deploying real-world production applications.

You’ll learn React by doing, not watching.

From the first videos you’ll be building out each project as well as completing programming challenges I’ve designed to test and reinforce what you’ve learned.

Throughout the course you’ll build two React web apps:

  1. The first app, a decision-making app called Indecision, is our starter application. You’ll learn the fundamentals of React while seeing exactly what it takes to get a React app up and running.

  2. The second app, an expense manager called Budget, has all the features you’d expect from a real application. You’ll set up authentication, user accounts, routing, testing, form validation, database storage, and more.

Stay up-to-date in an ever changing world.

The world of React changes fast, and that’s why I’m always working to keep this course as up-to-date as possible. You can jump in knowing you’re getting access to hot-off-the-press features.

Everything you need comes in one easy-to-use package.

There’s no need to worry if you’re learning the right skills to land that React job or launch that React app. I’ve mapped out everything you need to know in an interactive easy-to-follow package designed to get you up and running in a couple of weeks.

There’s no better time to learn React.

React’s not going anywhere. Companies like Facebook, Walmart, Uber, Airbnb, and Netflix are all using React in production right now.

They’ve also made heavy investments in the React ecosystem, creating new libraries and tools that speed up and simplify React development. From the biggest to the smallest, everyone’s using React and new jobs are popping up every day.

Get access to fast support if you get stuck.

There’s nothing worse than getting stuck ten hours into a course and not getting the help you need to continue. Getting stuck is part of the learning process. That’s why I’m here to answer every single question.

I’ll work with you to get you unstuck and back on track. It’s one of the reasons students love taking my courses:

“This is the absolute best course I've taken on udemy. Andrew is amazing at explaining things concisely, and the flow of the course is perfect. He doesn't skip over anything and he doesn't over-explain anything. On top of all that, he responds to questions so quickly that you won't be stuck at any point." - Tanya Gamarian

"The lessons are of high quality and even more important, he actually takes time to answer your questions!" - Thomas Vercamer

"The instructor does an excellent job in explaining how to build React Apps. He also responds quickly to any questions that are asked." - Matt Willy

I guarantee that this is the most up-to-date and engaging React course available, and it comes with a Udemy 30-day money-back guarantee.

Over eighteen sections you’ll learn:

  1. React

  2. Redux

  3. React-Router

  4. Webpack

  5. Babel

  6. Testing with Jest

  7. Enzyme

  8. App Debugging

  9. App Deployment

  10. Firebase

  11. Authentication

  12. Git/GitHub

  13. ES6/ES7

  14. And many more tools

I can’t wait to see you on the inside!

- Andrew

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 😊