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
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
7
The Missing Link in Angular‘s Signal Story Resource API and httpResource @ngRome 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
62
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Rethinking Data Access: The New httpResource in Angular
Avatar for Manfred Steyer manfredsteyer
PRO
0
280
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
JavaScript as a Crime Scene Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
85
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @jax2025 in Mainz, Germany
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
94
Your Architecture as a Crime Scene Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
72

Other Decks in Programming

See All in Programming
Team topologies and the microservice architecture: a synergistic relationship
Avatar for Chris Richardson cer
PRO
0
1k
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
1
330
つよそうにふるまい、つよい成果を出すのなら、つよいのかもしれない
Avatar for irof irof
1
300
Benchmark
Avatar for 송상윤 sysong
0
260
技術同人誌をMCP Serverにしてみた
Avatar for 74th(Atsushi Morimoto) 74th
0
290
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
Avatar for Naoya Ito naoya
17
4.9k
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
350
エンジニア向け採用ピッチ資料
Avatar for 犬飼嵩 inusan
0
160
KotlinConf 2025 現地で感じたServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
230
プロダクト志向ってなんなんだろうね
Avatar for RightTouch righttouch
PRO
0
160
ニーリーにおけるプロダクトエンジニア
Avatar for Nealle nealle
0
300
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
280

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.9k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
47
14k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.8k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
228
22k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
41
7.3k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k

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