NgRx Signal store 19-20 for Angular - The missing guide

NgRx Signal Store 19-20 cho Angular - Hướng dẫn còn thiếu

Thành thạo NgRx Signal Store 19-20 để quản lý trạng thái trong Angular, từ khái niệm cốt lõi đến các tính năng tùy chỉnh nâng cao.

4.7

(351 đánh giá)

2,279 học viên

Giảng viên

Kobi Hari

Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao

50.000đ 349.000đ -86%

✓ Xem giỏ hàng và thanh toán

Bao gồm phụ đề tiếng Việt, tiếng Anh

11.5 giờ video

105 bài giảng

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 30/05/2026

#Angular #Frontend Development #Ngrx #Typescript

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

Cách đơn giản hóa code của bạn bằng thư viện NgRx signals trực quan

Hiểu tại sao NgRx Signals là mảnh ghép còn thiếu trong hệ thống phản ứng của Angular, kết nối signals và quản lý trạng thái.

Cách quản lý trạng thái ứng dụng bằng signals trong signal store

Cách sử dụng thành thạo tính năng tùy chỉnh ngrx/signals để tạo các khối xây dựng tái sử dụng

Cách làm việc với rxMethod để đơn giản hóa lập trình phản ứng khi cần thiết

Các mẫu phổ biến giúp đơn giản hóa cấu trúc ứng dụng

Các tính năng mới nhất của ngrx/signals v18, v19

Yêu cầu

Có kinh nghiệm cơ bản với Angular

Biết một chút TypeScript, HTML và CSS - là một lợi thế

Có chút kinh nghiệm với Angular hiện đại sử dụng signals

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

Dành cho lập trình viên Angular mới bắt đầu muốn nâng cấp lên trình độ cao hơn

Dành cho kiến trúc sư phần mềm tìm kiếm mẫu thiết kế đơn giản, nhất quán cho ứng dụng phức tạp

Nội dung khóa học

9 phần • 105 bài giảng

1 Giới thiệu

2 Những gì bạn cần biết

3 Thực hành những gì bạn học

1 Giới thiệu phần - Lập trình Hàm

2 Kỷ nguyên "Phục hưng" của Angular

3 Tại sao lại là Lập trình Hàm?

4 Hàm, Phương thức, Ủy nhiệm là gì

5 Javascript không HOÀN TOÀN Hướng đối tượng

6 Lập trình Hàm trong Typescript

7 Biểu thức Lambda trong Typescript

8 Kiểu Hàm trong Typescript

9 Closure trong Javascript

10 Hàm như các Container

11 Hàm Thuần khiết là gì?

12 Đối tượng và Toán tử Bất biến

13 Tạo Lớp Động

14 Tổng kết

1 Giới thiệu về ngrx và store

2 Cài đặt gói ngrx/signals

3 Giải quyết xung đột phiên bản

4 Tiện ích signalState

5 Ngrx Signals - Redux phiên bản nhẹ

6 Giới thiệu dự án ví dụ

7 Định nghĩa trạng thái store và giá trị khởi tạo

8 Tạo kiểu Signals Store

9 Sử dụng signal stores trong components

10 Tự thực hành: Tạo một signal store

11 Thêm Computed signals

12 Kết hợp Computed Signals

13 Tự thực hành: Thêm computed signals vào signal store

14 Hàm patchState

15 Thêm Methods vào signal store

16 Sử dụng State Updaters

17 Tự thực hành: Thêm methods vào signal store

18 Thêm hooks vào signal store

19 Tự thực hành: Thêm hooks vào signal store

20 Tổng kết

1 Giới thiệu phần

2 Giới thiệu về dự án của chúng ta

3 Định nghĩa trạng thái cốt lõi và store

4 Định nghĩa các view model dẫn xuất

5 Builder cho product list view model

6 Builder cho cart view model

7 Liên kết views với view models

8 Định nghĩa store updaters và methods

9 Liên kết UI với methods

10 Duy trì giỏ hàng sử dụng hooks

11 Tổng kết

1 Giới thiệu phần

2 Store features và feature creators là gì?

3 Feature creator parameters là gì?

4 Thêm các hàm signal store

5 Cung cấp stores trong components và routes

6 Sử dụng Closures để giữ dữ liệu private không phải signal

7 Tự thực hành: Sử dụng closures trong feature parameters

8 Inject vào withComputed

9 Dẫn xuất computed signals từ một store khác

10 Tự thực hành: Inject vào computed signals

11 Inject vào function parameters

12 Mới trong NgRx 18 - Private signal store members

13 Mới trong NgRx 19 - withProps

14 Tự thực hành: Dữ liệu private và non-signal

1 Giới thiệu phần

2 Mục tiêu bài tập và dự án bắt đầu

3 "Điểm chân lý" cho mỗi dữ liệu

4 Tái cấu trúc các view models

5 Tái cấu trúc các View model builders

6 Tái cấu trúc stores computed view models

7 Kết nối components với local stores

8 Tái cấu trúc các methods còn thiếu

1 Giới thiệu phần

2 Thiết lập store để làm việc với API bất đồng bộ

3 Sử dụng async Methods

4 Tự thực hành: async methods

5 Ưu và nhược điểm của async methods

6 Khả năng tương tác với rxjs sử dụng rxMethod

7 Side effects trong rxMethod sử dụng toán tử "tap"

8 Tự thực hành: side effects sử dụng rxMethods

9 Gọi API bất đồng bộ từ rxMethod

10 Tổng quan về flattening operators

11 Code cùng tôi: gọi API bất đồng bộ trong rxMethods

12 Phục hồi từ lỗi

13 Tự thực hành: Xử lý lỗi trong rxMethods

14 Tự động hóa việc gọi rxMethod

15 Mới trong NgRx19 - Signal Method

16 Tự thực hành: Signal Methods

17 Tổng kết phần

1 Giới thiệu phần

2 Tổng quan - Tính năng tùy chỉnh là gì

3 Tính năng mã nguồn mở - withDevtools

4 Tính năng tùy chỉnh withEntities

5 Thiết lập cấu hình entities

6 Sửa đổi entities sử dụng các updaters

7 Tự thực hành: sử dụng withEntities

8 Tạo một tính năng tùy chỉnh đơn giản

9 Tự thực hành: tính năng tùy chỉnh đầu tiên của bạn

10 Tạo tính năng tùy chỉnh có nội dung

11 Tự thực hành: Tính năng Tùy chỉnh có Nội dung

12 Ví dụ nâng cao hơn: tính năng withService

13 Khai báo yêu cầu đầu vào của tính năng

14 Sử dụng tính năng withService trong Quiz store

15 Tự thực hành: Khai báo nội dung đầu vào

1 Những gì chúng ta đã học

2 Kết luận

3 Bài giảng bổ sung

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

NgRx Signal Store - The Missing Guide

Uncover why NgRx Signal Store is seen as the essential missing piece for fully harnessing Angular signals, offering a lightweight yet powerful state management solution. This Udemy "NgRx Signal Store" course, created by Angular expert Kobi Hari, provides a hands-on, structured path to mastering NgRx Signal Store and building scalable state management solutions with Angular Signals.

This course provides a comprehensive dive into NgRx Signal Store, a more streamlined and straightforward alternative to other NgRx stores. It's designed to be both easy to use and highly flexible, making it an excellent choice for state management in Angular applications. With support for custom features, it's not only simple but also scalable and extendable.

What you'll learn:

Why NgRx Signal Store stands out: Learn why signals, combined with the redux pattern, provide a lighter and better state management solution compared to traditional stores in NgRx. Discover how it simplifies development while remaining powerful and scalable.
NgRx Signal Store includes core features such as withState, withComputed, withMethods, withHooks, and withProps. This course explains how each works, when to use them, and best practices for dependency injection and state updates.
Advanced topics: In version 18, NgRx Signals introduces significant improvements like state encapsulation, private store members, which allows you to better control and isolate the state within your stores.
New features: In version 19, withProps and signalMethod were introduced, learn how to use them and when.
Custom features: Missing the redux devtools extension? NgRx signal store allows the development of reusable custom features, such as an adapter for the devtools. Learn how to use libraries of custom features as well as writing your own.

Why this course?

Build a real-life application as part of your learning journey... in fact, build two. One simple, one more challanging.
Strengthen your skills with small, focused exercises.
Gain insights into the best practices for working with signals, avoiding common mistakes, and maximizing the store’s potential.

By the end, you’ll be ready to use NgRx Signal Store to manage state efficiently and confidently in your Angular apps. NgRx Signal Store – The Missing Guide is your complete learning path to mastering Angular’s modern, signal-based state management