Khóa Học Lập Trình React Từ Cơ Bản Đến Nâng Cao

Khóa học lập trình React cung cấp các kiến thức cơ bản và nâng cao như: Hooks, Redux, Router, RTK Query ,… Rèn luyện kỹ năng với hơn 100 bài tập thực hành và tự làm dự án thực tế ngay trong buổi học.

Nội dung khóa học

Khái Niệm Nền Tảng

Tại sao nên sử dụng React.
Tìm hiểu cơ chế Imperative và Declarative.
Cấu trúc Component.

React Cơ Bản

Cài đặt môi trường.
Giới thiệu cấu trúc folder của React.
Tìm hiểu App component.
Khai báo một component.
Tìm hiểu JSX.
Hiển thị array trong react.
Refs, fragment.
Truy vấn dữ liệu từ máy chủ.
Kỹ thuật phân chia component chuyên nghiệp.
State và Props nâng cao.
Render có điều kiện.
Các lifecycle methods của component.
Ứng dụng làm project danh sách sản phẩm.

React Hooks

Giới thiệu react hooks.
useState() hook.
useEffect() hook.
Thiết lập lifecycle methods bằng useEffect().
Tự tạo hook (Custom hook).

React Router 6.x

Cài đặt thư viện react router 6.x.
Cấu hình router cho dự án.
Sử dụng createBrowserRouter() để thiết lập đường dẫn.
Xử lý hiển thị trang báo lỗi (Errors).
Thiết lập template với nested routes.
Tạo và truy vấn parameters.
Active link styling.
Index routes.
Quản lý history stack

Context API

Khái niệm Context API cơ bản.
createContext().
useContext().
Tìm hiểu Context Provider.

Redux Cơ Bản

Tổng quản Redux.
Kiến thức nền tảng.
Thuật ngữ trong Redux.
Các nguyên lý cần nắm vững khi làm việc với Redux.
Cài đặt thư viện Redux và thiết lập cấu trúc dự án.
Thiết lập store, actions, store, selectors.
Tìm hiểu Middleware.
Debug với Redux DevTools.
Sử dụng thư viện react-redux để tích hợp Redux vào UI.
Dispatching actions.

Redux Nâng Cao

Xử lý logic bất đồng bộ bằng Redux Thunk.
Truy vấn dữ liệu từ máy chủ.
Các patterns phổ biến trong Redux.
Hạn chế số lần re-render bằng thư viện reselect.
Normalized state

Redux Toolkit

Cài đặt thư viện @reduxjs/toolkit.
Thiết lập store.
Tối ưu packages trong dự án.
Thiết lập các slice.
Immutable updates với Immer.
Thiết lập Thunks.
Normalizing State.

Redux Toolkit: RTK Query Cơ Bản

Giới thiệu RTK Query.
Cơ chế RTK Query Caching.
Cấu hình RTK Query vào trong dự án.
Hiển thị danh sách dữ liệu từ máy chủ.
Sort dữ liệu.
Hiển thị dữ liệu chi tiết từ máy chủ.
Thêm mới dữ liệu vào hệ thống máy chủ.
Refreshing cached data.

Redux Toolkit: RTK Query Nâng Cao

Cập nhật dữ liệu có sẵn trong hệ thống máy chủ.
Cơ chế cache dữ liệu của RTK Query.
Quản lý danh sách dữ liệu (fetch, select, inject).
Thao tác với dữ liệu trả về (transform, normalize, select,…).
Cơ chế cache nâng cao.
Tìm hiểu phương pháp optimistic update

Styled Component

Giới thiệu thư viện styled-component.
Cài đặt thư viện styled-component.
Khai báo styled component.
Thao tác với props.
Kế thừa trong styled component.
Các lưu ý khi sử dụng styled component.
Thao tác pseudo-element, pseudo-class, và nesting selectors.
Css helper

Tối Ưu Ứng Dụng React

Kỹ thuật lazy load.
Suspense component.
React.memo().
Sử dụng React DevTools để đo lường hiệu suất.
useCallback() hook.
useMemo() hook.
React Profiler.

Project Cuối Môn

Giảng viên hướng dẫn lựa chọn đề tài.
Sử dụng phần mềm draw.io để phác họa dự án.
Mô tả các chức năng cần làm.
Thực hiện project với sự hỗ trợ của giảng viên trong 2 tháng.
Upload ứng dụng lên máy chủ.
Giảng viên đánh giá dự án.

3395 học viên tốt nghiệp
Thời lượng: 3 tháng
Hình thức: Online 1 kèm 1
Học phí: 5.500.000
Hỗ trợ HỌC THỬ 2 buổi đầu tiên!

Đăng Ký Ngay Tư vấn Thêm Zalo

Tại Sao Bạn Nên Chọn Học Tại LetDiv

Giáo Án Phù Hợp Với Nhu Cầu Tuyển Dụng

Dễ dàng trúng tuyển phỏng vấn khi xin việc

Lộ Trình Nhanh Chóng

Nắm vững React chỉ trong 3 tháng

80% Thời Gian Thực Hành

Giảng viên cầm tay chỉ việc cho đến khi làm đúng 100%

Hỗ Trợ 1-1 Trong Vòng 15 Phút

Mentor giải đáp mọi thắc mắc trong vòng 15 phút

Học Lại Không Giới Hạn

Đóng học phí 1 lần và học không giới hạn

Hỗ Trợ Việc Làm

Hỗ trợ giới thiệu hồ sơ sau khi tốt nghiệp

Đối Tượng Học

Có đam mê thiết kế, lập trình web.
Tự học React nhưng mà vẫn chưa cảm thấy tự tin.
Cảm thấy khó hiểu với các kiến thức như: Hooks, Redux,…
Muốn tìm hiểu một trong những Framework Frontend mạnh nhất hiện nay.
Học viên có định hướng trở thành lập trình viên Frontend hoặc Fullstack.

Bạn Sẽ Học Được Gì?

Xây dựng dự án quy mô doanh nghiệp bằng React và triển khai lên cloud ngay trong buổi học.
Cách tối ưu performance và khả năng kế thừa, mở rộng.
Các chức năng mới nhất của React như Hooks, Suspense, React Lazy,…
Sử dụng thành thạo hệ sinh thái trong React từ zero.
Sử dụng Redux, Redux Thunk và Redux RTK Query.
Quản lý state một cách hiệu quả.
Làm thế nào để làm việc với các lập trình viên trong team hiệu quả.
Các Design Pattern phổ biến của React.
Học cách viết CSS trong JS với Styled-components.
Routing với React Router v6.

Thống Kê Khóa Học

3300+

Học viên đã hoàn thành khóa học

90%

Học viên hài lòng với chương trình đào tạo

100+

Bài tập ứng dụng thực tế

Chính Sách Hoàn Tiền Im Lặng

Trong vòng 15 ngày, kể từ thời điểm đăng ký chính thức, nếu bạn không hài lòng về chất lượng đào tạo, LetDiv sẽ hoàn tiền 100% ngay trong ngày.

LetDiv cam kết sẽ không làm phiền, thuyết phục bạn quay lại học tiếp chương trình. Mọi thứ sẽ diễn ra trong im lặng.

3395 học viên tốt nghiệp
Thời lượng: 3 tháng
Hình thức: Online 1 kèm 1
Học phí: 5.500.000
Hỗ trợ HỌC THỬ 2 buổi đầu tiên!

Đăng Ký Ngay Tư vấn Thêm Zalo

5 3 đánh giá

Đánh giá

Theo dõi

0 Bình luận

Phản hồi nội tuyến

Xem tất cả bình luận