آموزش جامع NgRx Signal Store 19 برای Angular: راهنمای کاربردی - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• Introduction

• What you need to know

• Practicing what you learn

مرور - برنامه نویسی تابعی در تایپ اسکریپت Recap - Functional programming in Typescript

• Section introduction - Functional Programming

• The Angular "Renaissance"

• Functional Programming, why?

• What are Functions, Method, Delegates

• Javascript is not REALLY Object Oriented

• Functional Programming in Typescript

• Lambda Expressions in Typescript

• Function Types in Typescript

• Closures in Javascript

• Functions as Containers

• What are Pure Functions?

• Immutable Objects and Operators

• Dynamic Class Creation

• Summary

معرفی ngrx/signals Intrduction to ngrx/signals

• Intruduction to ngrx and the store

• Installing the ngrx/signals package

• Resolving version conflicts

• The signalState utility

• Ngrx Signals - Redux lite

• Introducing our example project

• Defining the store state and initial value

• Creating Signals Store type

• Consuming signal stores in components

• Try it yourself: Create a signal store

• Adding Computed signals

• Composing Computed Signals

• Try it yourself: Add computed signals to the signal store

• The patchState function

• Adding Methods to signal store

• Using State Updaters

• Try it yourself: Add methods to signal store

• Adding hooks to the signal store

• Try it yourself: Add hooks to the signal store

• Summary

پروژه - ایجاد یک اپلیکیشن خرید آنلاین با استفاده از signals store Project - Creating an online shopping application using signals store

• Section introduction

• Introduction to our project

• Defining The core state and the store

• Defining the derived view models

• Builder for the product list view model

• Builder for the cart view model

• Binding the views to the view models

• Defining the store updaters and methods

• Binding the UI to the methods

• Persisting the cart using hooks

• Summary

مباحث پیشرفته در ngrx/signals Advanced Topics in ngrx/signals

• Section Introduction

• What are store features and feature creators?

• What are feature creator parameters?

• More signal store functions

• Providing the stores in components and routes

• Using Closures to keep private non-signal data

• Try it yourself: Using closures in feature parameters

• Injecting into withComputed

• Deriving computed signals from another store

• Try it yourself: Injecting into computed signals

• Injecting into function parameters

• New in NgRx 18 - Private signal store members

• New in NgRx 19 - withProps

• Try it yourself: Private and non-signal data

پروژه فروشگاه - Distributed Stores Shop project - Distributed Stores

• Section Intro

• Exercise goal and starting project

• "Point of truth" for each data

• Refactoring the view models

• Refactoring the View model builders

• Refactoring the stores computed view models

• Conecting the components to the local stores

• Refactoring the missing methods

برنامه نویسی Asynchronous در Signal Store Asyncronous Programming in Signal Store

• Section Intro

• Setting the store to work with asynchronous APIs

• Using async Methods

• Try it yourself: async methods

• The Pros and Cons of async methods

• Interoperability with rxjs using rxMethod

• Side effects in rxMethod using the "tap" operator

• Try it yourself: side effects using rxMethods

• Calling asnyc API from rxMethod

• Overview of flattening operators

• Code Along with me: invoking async APIs in rxMethods

• Recovering from errors

• Try it yourself: Error handling in rxMethods

• Automating the rxMethod invocation

• New in NgRx19 - Signal Method

• Try it yourself: Signal Methods

• Section Summary

ویژگی های سفارشی در NgRx signals Custom features in NgRx signals

• Section Intro

• Overview - What are custom features

• Open source fatures - withDevtools

• The withEntities custom feature

• Setting entities configuration

• Modifying entities using the updaters

• Try it yourself: using withEntities

• Creating a simple custom feature

• Try it yourself: your first custom feature

• Creating custom feature with content

• Try it yourself: Custom Feature with Content

• A more advanced example: withService feature

• Declaring the features input requirements

• Using the withService feature in the Quiz store

• Try it yourself: Declaring input content

خلاصه Summary

• What we have covered

• Conclusion

• Bonus Lecture