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
410

NGRX Signal Store

Avatar for Manfred Steyer

Manfred Steyer PRO

January 12, 2024
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
14
AI Assistants for Your Angular Solutions @ngVienna March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
23
AI Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Nostalgia Meets Technology: Super Mario with TypeScript
Avatar for Manfred Steyer manfredsteyer
PRO
0
80
Full Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
63
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
Beyond the Basics: Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
210
All About Angular‘s New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
38

Other Decks in Programming

See All in Programming
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.2k
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
150
grapheme_strrev関数が採択されました（あと雑感）
Avatar for てきめん tekimen youkidearitai
PRO
1
210
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
200
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
1
250
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
200
技術検証結果の整理と解析をAIに任せよう！
Avatar for Keisuke Ikeda keisukeikeda
0
110
SourceGeneratorのマーカー属性問題について
Avatar for tkym htkym
0
180
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
Avatar for tom twinkle tomtwinkle
2
550
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
Avatar for Seitaro Fujigaki seitarof
3
1k
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
Avatar for ハゲワシ hagevvashi
0
430
社内規程RAGの精度を73.3% → 100%に改善した話
Avatar for oharu121 oharu121
13
7.9k

Featured

See All Featured
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.4k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
140
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
380
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
820

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