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
400

NGRX Signal Store

Avatar for Manfred Steyer

Manfred Steyer PRO

January 12, 2024
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
Avatar for Manfred Steyer manfredsteyer
PRO
0
68
Beyond the Basics: Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
58
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
All About Angular‘s New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
28
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
260
Your Architecture as a Crime Scene? Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
270
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
250

Other Decks in Programming

See All in Programming
Oxlint JS plugins
Avatar for kazupon kazupon
1
980
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.3k
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.4k
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.6k
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
760
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
420
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
980
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
Avatar for kouki.miura koukimiura
1
110
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
740
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
56
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
1
760
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
100
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k

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