Tin mới nhất

Menu

Browsing "Older Posts"

Chia Sẻ Khóa Học NgRx (Với NgRx Data) - Hướng Dẫn Hoàn Chỉnh (Angular 16) [Update Tháng 6-2023] [Khóa 7220 A]

15 tháng 7 2023 / No Comments

Tìm hiểu NgRx Ecosystem hiện đại, bao gồm NgRx Data, Store, Effects, Router Store, NgRx Entity và DevTools.

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

  • ✓ Code trong Github repository với các ZIP file có thể tải xuống trên mỗi phần.
  • ✓ Làm quen với centralized store pattern và cách sử dụng nó trong Angular.
  • ✓ Biết khi nào nên sử dụng một giải pháp centralized store và tại sao.
  • ✓ Tìm hiểu cách sử dụng NgRx Data  để xử lý entity data với code tối thiểu.
  • ✓ Tìm hiểu NgRx Store chuyên sâu, hiểu chi tiết tất cả các store pattern cốt lõi, bao gồm Reducers và Actions.
  • ✓ Tìm hiểu chi tiết về NgRx Effects, tìm hiểu khi nào nên sử dụng một side-effect.
  • ✓ Tìm hiểu chi tiết về NgRx Entity, khi nào nên sử dụng và tại sao, tìm hiểu những lợi ích là gì.
  • ✓ Chuyển đổi từng bước một ứng dụng Angular đơn giản hiện có và biến nó thành một ứng dụng dựa trên store.
  • ✓ Tìm hiểu cách triển khai chức năng phổ biến trong NgRx, chẳng hạn như Authentication hoặc Entity Pagination.
  • ✓ Tìm hiểu chuyên sâu về NgRx theo cách thú vị và thiết thực, bằng cách triển khai các trường hợp sử dụng thực tế.

Khóa học này là hướng dẫn hoàn chỉnh về NgRx Ecosystem mới , bao gồm NgRx Data, Store, Effects, Router Store, NgRx Entity và DevTools, đồng thời đi kèm với một running Github repo.

State management là chủ đề số một cần biết khi nói đến các lựa chọn thiết kế kiến ​​trúc frontend. Tại sao chọn thực hiện state management trong một single page application, khi nào thực hiện và tại sao, lợi ích là gì và sự đánh đổi là gì?

Đây là tất cả những câu hỏi quan trọng mà chúng tôi sẽ giải quyết trong khóa học này, khi chúng tôi cung cấp cho bạn chuyến tham quan có hướng dẫn mở rộng về NgRx Ecosystem.

Thư viện state management phổ biến nhất trong không gian Angular là NgRx và vì những lý do chính đáng. Bản phát hành mới nhất của NgRx có lẽ là một trong những bản phát hành quan trọng nhất trong toàn bộ hệ sinh thái Angular gần đây. Mặc dù tương thích ngược, nhưng nó chứa nhiều chức năng mới đến mức nó gần như là một thư viện state management hoàn toàn mới.

Về cơ bản, các khái niệm cốt lõi về Actions, Reducers, Effects, Entities, và Selectors vẫn giữ nguyên, nhưng giờ đây chúng tôi có một API hoàn toàn mới để quản lý các khái niệm này theo cách ít dài dòng hơn nhiều. Ngoài ra, chúng tôi còn bao gồm NgRx Data, đây là một cách mới và rất hiệu quả để quản lý Entity Dat.

Trên thực tế, NgRx Data là một abstraction layer mạnh mẽ trên NgRx, cho phép chúng tôi thêm state management vào các phần lớn của ứng dụng mà không cần phải viết nhiều code!

Tổng quan về khóa học:

Trong khóa học này, chúng ta sẽ sử dụng một ứng dụng nhỏ hiện có được xây dựng mà không cần bất kỳ state management. Chúng ta sẽ hiểu hậu quả của việc không state management là gì bằng cách xác định một số vấn đề mà ứng dụng gặp phải ở dạng ban đầu.

Sau đó, chúng tôi sẽ bắt đầu tái cấu trúc ứng dụng và chúng tôi sẽ thêm state management vào nhiều màn hình của ứng dụng theo từng bước. Chúng ta sẽ bắt đầu với các tính năng Authentication của ứng dụng, sau đó chúng ta sẽ chuyển sang phần entity data management.

Chúng tôi sẽ giải thích chi tiết tất cả các khái niệm chính của NgRx : Actions, Reducers, Effects, và Selectors, đồng thời chúng tôi sẽ giải thích chi tiết về chính Store architecture và hiểu lợi ích của nó.

Trong suốt khóa học, chúng tôi sẽ giới thiệu từng bước và giải thích chi tiết về module NgRx Store, NgRx Effects, chúng tôi sẽ giới thiệu chi tiết về NgRx Entity và Entity format, chúng tôi sẽ cài đặt và thực hiện chuyến tham quan có hướng dẫn về NgRx Dev Tools, NgRx Router Store và time-travelling debugger.

Chúng ta cũng sẽ tìm hiểu cách tận dụng tối đa NgRx Data và tìm hiểu cách tùy chỉnh nó để quản lý entity data với code ứng dụng tối thiểu. Chúng tôi sẽ đề cập đến NgRx trong khi ghi nhớ các phương pháp hay nhất như good Action hygiene.

Mục lục:

Khóa học này bao gồm các chủ đề sau:

  • ✓ Giới thiệu về State Management.
  • ✓ Store Architecture chi tiết.
  • ✓ Các khái niệm chính về NgRx.
  • ✓ Actions và Action Creators.
  • ✓ Reducers.
  • ✓ NgRx Effects.
  • ✓ Selectors.
  • ✓ Thêm Authentication vào một ứng dụng NgRx.
  • ✓ NgRx Entity và the Entity Format.
  • ✓ NgRx DevTools.
  • ✓ NgRx Time Travelling Debugger.
  • ✓ NgRx Runtime checks và Store Immutability.
  • ✓ NgRx Router Store.
  • ✓ NgRx Data và Entity State Management.
  • ✓ NgRx Best Practices.

Bạn sẽ học gì trong khóa học này?

Kết thúc khóa học này, bạn sẽ cảm thấy thoải mái với các khái niệm về state management và centralized store solution nói chung.

Bạn sẽ cảm thấy thoải mái khi thiết kế các Ứng dụng mới bằng NgRx, sử dụng một phương pháp đơn giản và bạn sẽ biết sâu về hệ sinh thái thư viện Ngrx hoàn chỉnh: bao gồm các thư viện Ngrx Store, Effects, Entity và NgRx Data.

Bạn sẽ biết cách nhanh chóng dàn dựng các phần của giải pháp bằng Ngrx Schematics và cách thiết lập Ngrx DevTools từ đầu, bao gồm cả tích hợp router.

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

  • ✓ Các Angular Developer muốn tìm hiểu chuyên sâu về NgRx Ecosystem hiện đại, bao gồm Ngrx Store, Effects, Router Store, Ngrx Entity, DevTools và Schematics!


NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU




Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.