ReactJS là 1 thư viện JavaScript mã nguồn mở được phát triển bởi đội ngũ kỹ sư đến từ Facebook; nó được giới thiệu vào năm 2011.

Nguyên lý xây dựng của React dựa trên components (component-based approach), có thể tái sử dụng và phù hợp với ứng dụng 1 trang (Single Page Application – SPA). React giúp lập trình viên xây dựng giao diện người dùng dựa trên JSX (môt cú pháp mở rộng của JavaScript), tạo ra các DOM ảo (virtual DOM) để tối ưu việc render 1 trang web.

Khóa học ReactJS được xây dựng và hướng dẫn bởi Hoàng An Unicode giúp học viên trang bị cho mình kiến thức cần thiết nhất để đi làm với thư viện này. Cuối khóa học bạn sẽ được hướng dẫn xây dựng 1 dự án hoàn chỉnh hoàn toàn bằng thư viện ReactJS.

Video giới thiệu dự án Threads Clone

https://www.youtube.com/watch?v=X33NgnQ2P4g

Bạn nhận được gì tại khóa học?

► Kiến thức căn bản nhất về React JS

► Hiểu rõ bản chất cách hoạt động của các thành phần trong React JS thông qua Class Component

► Rèn luyện tư duy lập trình qua các Case Study được phân tích trong khóa học

► Làm việc với RESTful API

► Làm việc với các React Hook từ cơ bản đến nâng cao

► Biết cách tự xây dựng hệ thống quản lý Global State

► Biết cách tự xây dựng Hook riêng trong React JS

► Làm việc với React Router DOM

► Các kỹ thuật làm việc với Assets và các thư viện bên thứ ba

► Làm việc với React Hook Form

► Kỹ thuật xử lý Authentication - Authorization (JWT) từ cơ bản đến nâng cao

► Tích hợp các thư viện xử lý Authentication bên thứ ba: Auth0, Firebase, Clerk,...

► Kỹ thuật làm việc với thư viện Redux, Redux Toolkit, Redux Toolkit Query

► Kỹ thuật làm việc với SWR, React Query (Tanstack Query)

► Kỹ thuật xử lý với styled components, Framer Motion, i18n, Socket.IO, Testing,...

► Biết cách kết hợp Typescript vào ứng dụng ReactJS

► Và rất nhiều kiến thức, công nghệ, thư viện phổ biến được chia sẻ trong khóa học

Câu hỏi thường gặp

Khóa học này cần kiến thức nền gì không?

ReactJS là thư viện của JavaScript nên bạn cần có kiến thức vững chắc về JavaScript và HTML-CSS. Bạn vui lòng xem bài giảng miễn phí "Kiến thức cần chuẩn bị trước khi học ReactJS"

Tôi không biết về TypeScript có học được không?

Được, trong khóa học bạn sẽ được hướng dẫn về TypeScript và từ sau module TypeScript mình mới áp dụng trong các bài hướng dẫn. Còn các nội dụng trước vẫn sử dụng JavaScript

Nên sử dụng Vite hay Create React App?

Ở thời điểm hiện tại, Vite được chuộng hơn nên bạn có thể sử dụng Vite luôn từ khi bắt đầu khóa học. Phần đầu khóa học mình sử dụng Create React App vì vấn đề thời điểm quay, tỷ lệ sử dụng Create React App vẫn phổ biến

Trong quá trình học, tôi có được hỏi giảng viên không?

Được, nếu gặp khó khăn bạn có thể nhắn tin trực tiếp cho giảng viên qua Zalo hoặc trên group được tham gia

Tôi cần cài đặt những phần mềm/công cụ gì để học?

Để học ReactJS bạn cần sử dụng phần mềm Visual Studio Code để viết code và cài đặt NodeJS trên máy tính. Bạn có thể sử dụng phần mềm viết code khác nếu phù hợp

Trong bài giảng bạn dùng phần mềm nào để hướng dẫn học viên?

Trong khóa học mình đang sử dụng phần mềm Visual Studio Code để viết code, mình cũng khuyên bạn sử dụng phần mềm này vì nó hỗ trợ rất mạnh cho Front-End

Trong khóa học đang hướng dẫn ở phiên bản ReactJS bao nhiêu?

Trong khóa học, mình hướng dẫn trên ReactJS 18 và bắt đầu từ class để học viên hiểu được tư duy và luồng chạy của ReactJS

Khóa học này còn phù hợp với thời điểm hiện tại không?

Khóa học rất phù hợp với thời điểm hiện tại, vì phần lớn nội dung khóa học từ phần React Hook được quay trong năm 2024

Khóa học này có được cập nhật trong tương lai không?

Có bạn nhé. Mình sẽ cập nhật những kiến thức mới, tư duy mới trong ReactJS phù hợp với nhu cầu tuyển dụng

Học tập linh hoạt

Chỉ cần máy tính kết nối Internet, bạn có thể học bất kỳ nơi nào, bất kỳ lúc nào bạn muốn

Học thử miễn phí

Unicode Academy cho phép học viên học thử số lượng lớn bài giảng miễn phí để học viên trải nghiệm trước khi quyết định

Truy cập tài nguyên

Unicode không giới hạn truy cập tài nguyên trong khóa học, bạn sẽ được sở hữu toàn bộ tài nguyên trong khóa học

Hỗ trợ khóa học

Học viên sẽ được hỗ trợ trực tiếp ở mỗi bài giảng thông qua chức năng "Hỏi đáp", ngoài ra bạn có thể liên hệ qua các kênh khác

Nội dung khóa học

Tất cả các khóa học đều được chia sẻ dựa trên kinh nghiệm thực tế của Unicode Academy và các kiến thức đều chuyên sâu mà bạn khó có thể tìm thấy ở nơi khác

Cập nhật thường xuyên

Các bài giảng trên hệ thống đều được cập nhật liên tục phù hợp với tình hình thực tế của thị trường, học viên được sở hữu miễn phí các bài giảng đó

Nội dung chi tiết

Module 01: Cài đặt và kiến thức căn bản (21 bài giảng)

Module 02: Fetch API trong React JS (8 bài giảng)

Module 03: Làm việc với React Hooks (37 bài giảng)

Module 04: React Router DOM (18 bài giảng)

Module 05: Xử lý Assets trong React JS (10 bài giảng)

Module 06: Xử lý Form với React Hook Form (11 bài giảng)

Module 07: Quản lý State với Redux (14 bài giảng)

Module 08: Xây dựng dự án Blog (ReactJS - Redux Toolkit - React Router - MUI Component) (21 bài giảng)

Module 09: Authentication - Authorization trong ReactJS (16 bài giảng)

Module 10: Xác thực - ủy quyền Single Sign-On (SSO) với Auth0 (24 bài giảng)

Module 11: TypeScript cơ bản (19 bài giảng)

Module 12: Làm việc với TypeScript trong ReactJS (14 bài giảng)

Module 13: Data Fetching với React Hook useSWR (18 bài giảng)

Module 14: Higher Order Component (HOC) (6 bài giảng)

Module 15: Đa ngôn ngữ trong ReactJS (10 bài giảng)

Module 16: Làm việc với WebSocket trong ReactJS (11 bài giảng)

Module 17: Xây dựng Comment App (Socket.IO - Tailwind CSS - Clerk Auth - ExpressJS API) (15 bài giảng)

Module 18: Unit Test trong ReactJS (9 bài giảng)

Module 19: Khám phá ReactJS 19 (12 bài giảng)

Module 20: Quản lý Global State với Zustand (4 bài giảng)

Module 21: Data Fetching với Tanstack Query (11 bài giảng)

Module 22: Xây dựng dự án Threads Clone (51 bài giảng)

Lịch sử học tập gần đây

STT	Tên	Email	Bài giảng	Thời gian
1	T*	vo***@gmail.com	React Auth - Xây dựng chức năng đăng nhập - Phần 1	10 giờ trước
2	T*	vo***@gmail.com	React Auth - Access Token - Refresh Token và cơ chế xác thực chuẩn	10 giờ trước
3	T*	vo***@gmail.com	React Auth - Tổng quan về Authentication và Authorization	11 giờ trước
4	T*	vo***@gmail.com	Tích hợp Redux Core và xây dựng ứng dụng quản lý State	11 giờ trước
5	D* ****	ng***@gmail.com	Fetch API thông qua Redux Middleware không dùng thư viện Middleware	23 giờ trước
6	D* ****	ng***@gmail.com	Redux Middleware và xây dựng Middleware đơn giản trong Redux	23 giờ trước
7	T*	vo***@gmail.com	Tích hợp Redux Core và xây dựng ứng dụng quản lý State	1 ngày trước
8	T*	vo***@gmail.com	Tổng quan về Redux - Luồng dữ liệu và những điều cần biết	1 ngày trước
9	T*	vo***@gmail.com	Sử dụng Controller để tích hợp UI Component vào React Hook Form	1 ngày trước
10	N*** **	ng***@gmail.com	Fetch API trong React JS - Chuẩn bị Server	1 ngày trước

Giảng viên

Hoàng An Unicode

CEO & Founder Unicode Academy

👉 12+ năm kinh nghiệm trong lĩnh vực lập trình web, mobile

👉 Đào tạo 2000+ học viên trên bao gồm: Online, Offline, Elearning,...

👉 Sở hữu kênh Youtube về lập trình đạt trên 7k subscriber và trên 1.4 triệu lượt xem

👉 Sở hữu kênh Tiktok về lập trình đạt trên 5k subscriber và trên 1 triệu lượt xem

Kinh nghiệm công tác

- Giảng dạy, điều hành, phát triển Unicode Academy

- Từng đảm nhiệm các vị trí: CEO, Techlead, Project Manager, Business Analyst, Sale, Traning Manager...

- Kinh nghiệm giảng dạy các lớp Offline, Online Meeting, Video Elearning,...

- Kinh nghiệm làm việc với các ngôn ngữ lập trình web, mobile

Thông tin liên hệ

- Facebook: https://facebook.com/anunicode

- Zalo: 0384822896

- Youtube: https://youtube.com/@unicodevietnam

- Tiktok: https://tiktok.com/@hoanganunicode

- Website: https://hoangan.unicode.vn

Câu hỏi thường gặp

Khóa học này cần kiến thức nền tảng gì trước khi bắt đầu?

Bạn cần chuẩn bị kiến thức vững chắc về JavaScript và HTML-CSS vì ReactJS là một thư viện của JavaScript. Khóa học cũng có sẵn bài giảng đầu tiên về "Kiến thức cần chuẩn bị trước khi học ReactJS" để bạn làm quen

Tôi chưa biết về TypeScript thì có theo học được không?

Hoàn toàn được. Các nội dung đầu khóa học sẽ sử dụng JavaScript. Sau đó, khóa học có các module dành riêng (Module 11 và 12) để hướng dẫn TypeScript từ cơ bản đến cách áp dụng TypeScript vào trong dự án ReactJS.

Nên sử dụng Vite hay Create React App để tạo dự án?

Bạn có thể sử dụng Vite ngay từ khi bắt đầu khóa học vì ở thời điểm hiện tại Vite được ưa chuộng hơn. Khóa học có các bài giảng hướng dẫn sử dụng cả Create React App (ở phần đầu) và cách cài đặt dự án với Vite + SWC

Để học tôi cần chuẩn bị công cụ và phần mềm gì?

Bạn cần cài đặt NodeJS trên máy tính và phần mềm viết code Visual Studio Code (VS Code). Giảng viên cũng khuyên dùng VS Code vì nó hỗ trợ rất mạnh mẽ cho lập trình Front-End

Khóa học sử dụng phiên bản ReactJS nào?

Khóa học hướng dẫn trên ReactJS 18 và bắt đầu từ Class Component để bạn hiểu rõ tư duy, bản chất và luồng chạy của React. Ngoài ra, khóa học còn có một module (Module 19) cập nhật các kiến thức mới nhất để khám phá ReactJS 19

Trong quá trình học, tôi có được hỗ trợ và giải đáp thắc mắc không?

Có. Bạn sẽ được hỗ trợ 1-1 bởi giảng viên. Nếu gặp khó khăn, bạn có thể nhắn tin trực tiếp qua Zalo, sử dụng chức năng "Hỏi đáp" ngay dưới mỗi bài giảng, hoặc thảo luận trên group kín dành cho học viên

Khóa học có hướng dẫn làm dự án thực tế (Portfolio) không?

Chắc chắn có. Cuối khóa học, bạn sẽ được hướng dẫn xây dựng một dự án hoàn chỉnh là Threads Clone (bao gồm 51 bài giảng chi tiết). Ngoài ra, xuyên suốt các module, bạn còn thực hành xây dựng nhiều dự án khác như: Ứng dụng quản lý công việc TodoList, Dự án Blog, App Chat Fake và Comment App sử dụng WebSockets

Tôi có được học các kỹ thuật và thư viện Front-End nâng cao không?

Có, khóa học bao quát rất nhiều công nghệ và thư viện phổ biến như: React Router DOM, React Hook Form, Redux Toolkit, SWR, Tanstack Query, Auth0 (Single Sign-On),...Bạn cũng sẽ được học các kỹ năng chuyên sâu như xử lý đa ngôn ngữ (i18n), WebSockets với Socket.IO/Pusher, và Unit Test trong ReactJS

Tài nguyên khóa học và thời hạn truy cập ra sao?

Bạn được truy cập không giới hạn, sở hữu toàn bộ tài nguyên khóa học vĩnh viễn. Nội dung cũng sẽ được cập nhật thường xuyên những tư duy, kiến thức mới theo sát với nhu cầu tuyển dụng hiện tại

Bài viết mới nhất

Kỹ thuật Thiết kế Custom State Store với Cơ chế Pub-Sub và useSyncExternalStore trong ReactJS

03/10/2026

Đặt vấn đề: Hạn chế của Context API trong các ứng dụng React quy mô lớn Trong quá trình phát triển các ứng dụng React...

Đọc thêm →

Tối ưu Kiến trúc Component React với TypeScript: Áp dụng Design Patterns cho ứng dụng Front-End quy mô lớn

18/08/2026

Trong thế giới phát triển Front-End hiện đại, ReactJS đã trở thành một thư viện không thể thiếu để xây dựng giao diện ng...

Đọc thêm →

Chiến lược giảm bundle size và tối ưu thời gian tải cho ứng dụng React + TypeScript

16/08/2026

Giới thiệu Trong môi trường SPA (Single Page Application) hiện đại, bundle size đóng vai trò quyết định tới trải nghi...

Đọc thêm →

So sánh và tối ưu State Management trong React + TypeScript: Redux Toolkit, Zustand và Jotai

10/08/2026

Giới thiệu chung về State Management trong React Trong các ứng dụng React hiện đại, việc quản lý trạng thái (state) k...

Đọc thêm →

Chiến lược Lazy Loading và Code Splitting trong React: Tối ưu hiệu năng UI cho ứng dụng SPA

03/08/2026

Giới thiệu về vấn đề tải tài nguyên trong React SPA Trong các ứng dụng Single Page Application (SPA) được xây dựng bằ...

Đọc thêm →

Tối ưu hoá render trong React bằng useMemo và React.memo

23/07/2026

Giới thiệu Trong các ứng dụng React, việc render lại các component không cần thiết có thể gây giảm hiệu năng, đặc biệt k...

Đọc thêm →

Cảm nhận học viên

4.8

5 đánh giá

Vũ Thị Phương

11 tháng trước

Perfect! Không thể tốt hơn

Đây là khóa học tốt nhất mà tôi từng tham gia. Mọi thứ đều hoàn hảo từ nội dung, phương pháp giảng dạy đến sự hỗ trợ của giảng viên. 5 sao không thể nói hết được sự hài lòng của tôi!

Võ Văn Minh

11 tháng trước

Nội dung phong phú, đáng học

Khóa học có nội dung rất phong phú và đa dạng. Tôi đã nắm được những kiến thức quan trọng và có thể áp dụng vào thực tế. Giá cả hợp lý so với chất lượng. Recommend!

Vũ Thị Phương

11 tháng trước

Xuất sắc! Vượt mong đợi

Khóa học này thực sự vượt xa mong đợi của tôi. Cách trình bày logic, dễ hiểu, có nhiều ví dụ thực tế. Tôi đã áp dụng được ngay vào công việc. Cảm ơn giảng viên rất nhiều!

Võ Văn Minh

11 tháng trước

Perfect! Không thể tốt hơn

Phạm Thị Duyên

11 tháng trước

Tuyệt vời, học lại nhiều lần vẫn hay

Tôi đã xem lại khóa học này nhiều lần và mỗi lần đều học được điều mới. Nội dung sâu sắc, có chiều sâu. Giảng viên giỏi, nhiệt tình. Đây là khóa học đáng giá nhất tôi từng học.