Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

The Missing Link in Angular's Signal Story: Res...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Manfred Steyer Manfred Steyer PRO
November 06, 2025
Programming
330
0

The Missing Link in Angular's Signal Story: Resource API and httpResource

Avatar for Manfred Steyer

Manfred Steyer PRO

November 06, 2025

More Decks by Manfred Steyer

See All by Manfred Steyer
Beyond Chatbots: Agentic UI with Open Standards @AGNTcon 2026 in Amsterdam
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
Next-Level Frontends: Agentic Web UIs Under the Hood
Avatar for Manfred Steyer manfredsteyer
PRO
0
77
Agentic UI with Open Standards @ngGraz Sep 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
93
Agentic UI with Open Standards @GDG Salzburg, Bgl & Prishtina
Avatar for Manfred Steyer manfredsteyer
PRO
0
79
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
1
520
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
Nostalgia Meets Technology: Super Mario with TypeScript
Avatar for Manfred Steyer manfredsteyer
PRO
0
300
Signal Forms: Details & Live Coding @enterJS 2026 in Mannheim
Avatar for Manfred Steyer manfredsteyer
PRO
0
320
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
Avatar for Manfred Steyer manfredsteyer
PRO
0
220

Other Decks in Programming

See All in Programming
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
4
3.6k
[GoCon2026] When Goroutines Are Not Enough: Runtime Locality in High-Throughput Go
Avatar for Takeru Hayasaka takehaya
6
2.4k
JRuby: Past, Present, and Future
Avatar for headius headius
0
190
Building an Out-of-Order CPU
Avatar for Latte72 latte72
1
800
Vue Fes Japan 2026 タイムテーブル徹底解説
Avatar for 448jp | OKI Yoshiya 448jp
1
510
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
130
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
Avatar for Riku Sakamoto riku_sakamoto
0
360
setup-vp GitLab対応の裏側
Avatar for Naoki Haba naokihaba
0
120
SONY CISC-NEWS NWS-1750 + NWB-225 フレームバッファの NetBSD/news68k ドライバ実装 / OSC2026Hiroshima
Avatar for Izumi Tsutsui tsutsui
0
140
Java 27新機能 / Java 27 new features
Avatar for Naoki Kishida kishida
2
170
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
17
15k
20260914 AIエージェント時代のPlatform Engineering　LLM基盤とプロダクトの責務境界線
Avatar for Taiki Kanzaki kanfab1
7
2.2k

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
480
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
340
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
530
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
320
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
1k

Transcript

  1. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten The Missing

    Link in Angular's Signal Story: Resource API and httpResource ANGULARarchitects.io

  2. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten Application Code

    as a Script Control-Flow Centric

  3. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten Marble Run

  4. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten Marble Run

    Data Binding Data-Flow-Centric

  5. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 5 How

    to Switch to a More Data-Flow-Centric Design?

  6. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 6 How

    to Switch to Reactive Thinking?

  7. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 7 1)

    Signal Graph 101 2) Demo Application 3) Signal Graph in Demo Agenda

  8. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 8 About

    Me (Remote) Angular Workshops and Consulting Google Developer Expert for Angular Blog, Books, Articles, and Talks about Angular Manfred Steyer, ANGULARarchitects.io

  9. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 9 Signal

    Graph 101

  10. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 10 cakes

    = signal(['Sacher Cake', 'Pancake', 'Ice Cream Pancake']); selected = signal(2); selectedCake = computed(() => this.cakes()[this.selected()]); cakeResource = createCakeResource(this.selectedCake); details = this.cakeResource.value; error = this.cakeResource.error; A Simple First Example …

  11. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 11 Angular

    Dev Tools (Preview)

  12. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 12 DEMO

  13. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 13 Reactive

    Graph in Our App

  14. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 14 canvas

    (view child) style levelKey play levelResource tilesMapResource tilesResource render (effect) levelOverviewResource heroMapResource heroResource

  15. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 15 DEMO

  16. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 16 2nd

    Edition angularArchitects.io/modern Free eBook: Modern Angular

  17. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 17 1)

    Think in terms of data flows 2) Build a reactive graph: computed, resource, … 3) Service/ Function: creating httpResource Conclusion

  18. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten Marble Run

  19. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 19 [Social

    Media] Manfred Steyer [web] ANGULARarchitects.io Manfred Steyer @ Manfred Steyer Slides & Examples