강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

React(리액트) quản lý trạng thái Hook

Khóa học này tập trung vào việc học chuyên sâu về các hook useContext và useReducer để quản lý state hiệu quả trong React. Bạn có thể học cách giảm độ phức tạp trong việc truyền dữ liệu giữa các component và quản lý state một cách có hệ thống trong các ứng dụng quy mô lớn thông qua thực hành. Qua đó, học viên có thể hiểu được các khái niệm cơ bản về quản lý state toàn cục và trang bị khả năng ứng dụng thực tế có thể áp dụng ngay vào các dự án thực tế.

1 học viên đang tham gia khóa học này

  • usefulit
React
hook
react-hook-form

Dịch cái này sang tiếng Việt

  • Học cách quản lý trạng thái toàn cục bằng cách sử dụng hook useContext của React.

  • Học cách xử lý các thay đổi trạng thái phức tạp một cách có hệ thống thông qua hook useReducer.

React Hook quản lý trạng thái

Khóa học này tập trung vào việc học useContext và useReducer Hook để quản lý state hiệu quả trong React.
Mục tiêu cốt lõi là giúp đơn giản hóa vấn đề truyền dữ liệu phức tạp phát sinh khi ứng dụng React ngày càng lớn và quản lý luồng dữ liệu giữa các component một cách rõ ràng hơn.

Người học sẽ tìm hiểu cách chia sẻ trạng thái toàn cục một cách dễ dàng mà không cần Props Drilling thông qua useContext, và thực hành cách quản lý logic cập nhật trạng thái phức tạp một cách có cấu trúc bằng useReducer. Ngoài ra, thông qua các ví dụ dự án như TodoApp, người học có thể vượt qua việc học lý thuyết đơn thuần và nắm vững các pattern có thể áp dụng ngay trong môi trường phát triển thực tế.

Thông qua khóa học này, người học sẽ hiểu sâu sắc về các khái niệm cơ bản và nguyên lý của quản lý trạng thái toàn cục, và nắm vững phương pháp quản lý trạng thái có hệ thống và dễ bảo trì từ các ứng dụng quy mô nhỏ đến quy mô lớn. Kết quả là sẽ có được khả năng ứng dụng thực tế để giải quyết các vấn đề quản lý trạng thái đa dạng có thể phát sinh trong các dự án React

Chúng ta sẽ học những nội dung như thế này

📌 Phần 1: useContext

  • Học về khái niệm useContext và nguyên lý hoạt động.

  • Học cách chia sẻ trạng thái toàn cục giữa các component bằng cách sử dụng Context API.

  • Thông qua thực hành, áp dụng useContext vào các tình huống khác nhau để nâng cao khả năng sử dụng.

  • Tạo UUID, xuất ký tự ngẫu nhiên và các ví dụ khác để nâng cao khả năng ứng dụng trong phát triển thực tế.

  • Thông qua bài giảng bổ sung về thuật toán, bạn sẽ trực tiếp triển khai logic tạo ID tự động để tăng cường khả năng tư duy ứng dụng.

📌 Phần 2: useReducer

  • Khái niệm về useReducer và hiểu được luồng quản lý trạng thái.

  • Thực hành cập nhật trạng thái bằng cách sử dụng hàm Reducer.

  • Thông qua dự án chuyển đổi theme, bạn sẽ thực hành kiểm soát trạng thái UI bằng cách sử dụng useReducer.

  • Triển khai trực tiếp dự án TodoApp để nắm vững các mẫu quản lý trạng thái gần với thực tế công việc.

  • Trong hàm Reducer, chúng ta sẽ tìm hiểu về tải dữ liệu ban đầu với loại GET để học về tính linh hoạt trong quản lý dữ liệu.

  • Học cách sử dụng mở rộng của useReducer thông qua triển khai chức năng tìm kiếm.

👉 Nhìn chung, khóa học này là quá trình học quản lý trạng thái toàn cục và xử lý logic trạng thái phức tạp sử dụng useContext và useReducer thông qua thực hành.

Những điều cần lưu ý trước khi học

Khóa học này không cung cấp dịch vụ hỏi đáp từ người chia sẻ kiến thức

Tài liệu học tập

Giáo án theo tuần được cung cấp dưới dạng file PDF

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người học đã học xong các kiến thức cơ bản về React (component, props, useState, useEffect, v.v.)

  • Nhà phát triển muốn tìm giải pháp hiệu quả cho dự án có quản lý trạng thái ngày càng phức tạp

Xin chào
Đây là

8,256,106

Học viên

6,094

Đánh giá

4.6

Xếp hạng

278

Các khóa học

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

Chương trình giảng dạy

Tất cả

21 bài giảng ∙ (8giờ 39phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Ưu đãi có thời hạn

46 ₫

28%

1.764.761 ₫

Khóa học khác của usefulit

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!