NGRX Signal Store

Transcript

1. @ManfredSteyer AngularArchitects.io | @ManfredSteyer NGRX Signal Store
2. @ManfredSteyer
3. @ManfredSteyer export const FlightBookingStore = signalStore( { providedIn: 'root' }, […] );
4. @ManfredSteyer export const FlightBookingStore = signalStore( { providedIn: 'root' }, withState({ from: 'Paris', to: 'London', […] }), […] );
5. @ManfredSteyer export const FlightBookingStore = signalStore( { providedIn: 'root' }, withState({ from: 'Paris', to: 'London', […] }), withComputed(([…]) => ({ […] })), withMethods(([…]) => ({ })), withHooks({ […] }) );
6. @ManfredSteyer export const FlightBookingStore = signalStore( { providedIn: 'root' }, withState({ from: 'Paris', to: 'London', […] }), withSignals(([…]) => ({ […] })), withMethods(([…]) => ({ })), withHooks({ […] }), withCallState() );
7. @ManfredSteyer
8. @ManfredSteyer Branch: arc-signal-store-custom-examples
9. @ManfredSteyer Branch: arc-signal-store-custom-examples-typed
10. @ManfredSteyer Michael Egger-Zikes Rainer Hahnekamp Manfred Steyer
11. @ManfredSteyer
12. @ManfredSteyer • Maintainable Architectures • Standalone Components & APIs • Micro Frontends and Module Federation • Signals and Your Architecture: CD, NGRX Signal Store, RxJS-Interop Public or Company Training, Remote or On-Site English: angulararchitects.io/workshop-en German: angulararchitects.io/workshop-de
13. @ManfredSteyer d Remote Company Workshops and Consulting http://angulararchitects.io