inflearn logo

Giới thiệu về Quản lý Trạng thái trong các Ứng dụng React Hiện đại

Học cách quản lý state hiệu quả trong React thông qua các dự án thực hành và ứng dụng thực tế. Làm chủ useState, useEffect, useReducer, Context API và các mẫu quản lý state nâng cao trong quá trình xây dựng dashboard tương tác, trang thương mại điện tử và ứng dụng web động. Phát triển kỹ năng thực tiễn để viết mã React sạch, có khả năng mở rộng, loại bỏ việc truyền props qua nhiều tầng và tự tin xử lý state phức tạp của ứng dụng.

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

Độ khó Cơ bản

Thời gian Không giới hạn

React Context
React Context
frontend
frontend
hook
hook
parent-child
parent-child
state-management
state-management
React Context
React Context
frontend
frontend
hook
hook
parent-child
parent-child
state-management
state-management
Thumbnail

Bạn sẽ nhận được điều này sau khi học.

  • Triển khai quản lý trạng thái hiệu quả bằng cách sử dụng useState, useReducer và Context API

  • Xây dựng các kiến trúc React có khả năng mở rộng, loại bỏ việc truyền prop qua nhiều tầng và tối ưu hóa giao tiếp giữa các component

  • Gỡ lỗi và giải quyết các vấn đề phức tạp liên quan đến trạng thái trong các ứng dụng cấp độ sản xuất


Quản lý trạng thái React
Có khả năng mở rộng



Các ứng dụng React trở nên rối rắm khi props phải đi qua quá nhiều tầng và khó theo dõi các thay đổi của state.

Tôi sẽ hướng dẫn bạn sử dụng useState, useReducer và Context API trong quá trình xây dựng các trang tổng quan và một ứng dụng mua sắm.

Tôi mang đến sự sáng rõ của một nhà giáo dục về công nghệ sáng tạo trong từng bước thực hành.

Bạn sẽ đạt được gì

Biến trạng thái rối rắm thành kiến trúc React rõ ràng, có khả năng mở rộng.

Xây dựng giao tiếp giữa các component gọn gàng hơn với useState, useReducer và Context API—không còn lạc trong mê cung truyền prop. Áp dụng các mẫu thiết kế giúp những ứng dụng React ngày càng phát triển dễ bảo trì hơn.

Trước Khi Bắt Đầu


Môi trường thực hành

  • Sử dụng Windows, macOS hoặc Linux.
    Cài đặt Node.js, npm và React.
    Một trình duyệt hiện đại và trình soạn thảo mã sẽ hữu ích.

  • Thực hành với React Context và các hook.
    Sử dụng CPU lõi kép với 4 GB RAM.
    Đảm bảo có 10 GB dung lượng trống trên ổ đĩa.

Điều kiện tiên quyết và Lưu ý

  • Biết các component React cơ bản và JSX.
    Hiểu về props, sự kiện và mảng.
    Kiến thức JavaScript cơ bản sẽ hữu ích.

  • Trước tiên, hãy thực hành luồng dữ liệu giữa component cha và component con.
    Sau đó, giảm việc truyền prop qua nhiều cấp bằng Context.
    Sử dụng các dự án để kiểm thử từng mẫu.

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

  • Sử dụng các tệp PDF slide cho những khái niệm React chính.
    Xem lại các sơ đồ về luồng dữ liệu giữa các component.
    Để ghi chú về cách sử dụng hook ở gần bạn.

  • Xây dựng một ứng dụng bảng điều khiển và mua sắm.
    Thực hành quản lý state với dữ liệu thực tế.
    Sử dụng danh sách kiểm tra gỡ lỗi cho từng tác vụ.


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

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

  • Các nhà phát triển React có kiến thức cơ bản về component, mong muốn xây dựng các ứng dụng sẵn sàng cho môi trường production

  • Các kỹ sư frontend chuyển sang quản lý trạng thái phức tạp trong các dự án SaaS và thương mại điện tử

  • Các nhà phát triển web muốn thành thạo các mẫu React hiện đại để xây dựng bảng điều khiển tương tác và giao diện động

Cần biết trước khi bắt đầu?

  • Hiểu vững các kiến thức nền tảng của React, bao gồm component, props và cú pháp JSX

  • Kiến thức thực hành về các tính năng JavaScript ES6+ như hàm mũi tên, phép phân rã cấu trúc và async/await

  • Có kinh nghiệm xây dựng ít nhất một ứng dụng React đơn giản hoặc hoàn thành khóa học cơ bản về React

Xin chào
Đây là applenew

Này này, đây là Flip, một nhà thiết kế đồ họa giàu kinh nghiệm, nghệ sĩ kỹ thuật số và nhà giáo dục công nghệ sáng tạo, chuyên về Adobe Photoshop và hệ sinh thái Adobe Creative Cloud. Với nhiều năm kinh nghiệm trong thiết kế kỹ thuật số, chỉnh sửa ảnh, truyền thông hình ảnh, xây dựng thương hiệu và quy trình sáng tạo, Flip giúp học viên biến ý tưởng thành những thiết kế chất lượng chuyên nghiệp bằng các công cụ Adobe tiêu chuẩn trong ngành.
Thêm

Đá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!

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!

Miễn phí