The Missing Link in Angular‘s Signal Story Resource API and httpResource @ngRome 2025

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
3. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten Marble Run
4. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten Marble Run Data Binding
5. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 5 1) Signal Graph & httpResource 2) DEMO 3) Signal Graph in Demo 4) DEMO Agenda
6. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 6 About Me (Remote) Angular Workshops and Consulting Google Developer Expert for Angular Blog, Books, Articles, and Talks about Angular Manfred Steyer, ANGULARarchitects.io
7. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 7 Signal Graph with httpResource
8. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 8 httpResource dessertsResource = httpResource(() => ({ url: 'http://demo.angulararchitects.io/...', params: { originalName: this.originalName(), englishName: this.englishName(), } })); desserts = this.dessertsResource.value; ratedDesserts = computed(() => this.toRated(this.desserts, …)); originalName = signal(''); englishName = signal('');
9. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 9 DEMO
10. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 10 Signal Graph in Our App
11. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 11 canvas (view child) style levelKey animation levelResource tilesMapResource tilesResource tilesMapProgress render (effect) levelOverview Resource
12. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 14 DEMO
13. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 15 1) Build a reactive graph: computed, resource, … 2) httpResource: fetching data within the graph 3) Service: creating httpResource Conclusion
14. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten Marble Run
15. • Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 17 [Social Media] Manfred Steyer [web] ANGULARarchitects.io Manfred Steyer @ Manfred Steyer Slides & Examples Remote Company Workshops and Consulting http://angulararchitects.io