Upgrade to Pro — share decks privately, control downloads, hide ads and more …

NGRX Signal Store

Avatar for Manfred Steyer Manfred Steyer
PRO
January 12, 2024
Programming
0
360

NGRX Signal Store

Avatar for Manfred Steyer

Manfred Steyer
PRO

January 12, 2024
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
Avatar for Manfred Steyer manfredsteyer
PRO
0
370
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
240
The Missing Link in Angular‘s Signal Story Resource API and httpResource @ngRome 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
98
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
Rethinking Data Access: The New httpResource in Angular
Avatar for Manfred Steyer manfredsteyer
PRO
0
310
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
JavaScript as a Crime Scene Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
95
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @jax2025 in Mainz, Germany
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
110

Other Decks in Programming

See All in Programming
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
Avatar for Aki Nakahara akinko_0915
0
130
状態遷移図を書こう / Sequence Chart vs State Diagram
Avatar for Kuniwak orgachem
PRO
2
170
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
310
Rails Frontend Evolution: It Was a Setup All Along
Avatar for Svyatoslav Kryukov skryukov
0
240
脱Riverpod？fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
Avatar for Takuma Osada ostk0069
0
340
テスト駆動Kaggle
Avatar for ねぼすけAI isax1015
1
510
NPOでのDevinの活用
Avatar for みんなのコード codeforeveryone
0
870
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
710
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
810
Porting a visionOS App to Android XR
Avatar for Akio Itaya akkeylab
0
660
新メンバーも今日から大活躍！SREが支えるスケールし続ける組織のオンボーディング
Avatar for HonMarkHunt honmarkhunt
5
8.2k
20250708_JAWS_opscdk
Avatar for Takuya Yonezawa takuyay0ne
2
120

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
54k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.4k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k

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