Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Night Session: The Future of WebDev
Search
Manfred Steyer
PRO
May 09, 2023
Programming
0
260
Night Session: The Future of WebDev
Manfred Steyer
PRO
May 09, 2023
Tweet
Share
More Decks by Manfred Steyer
See All by Manfred Steyer
All About Angular's New Signal Forms
manfredsteyer
PRO
0
120
Your Perfect Project Setup for Angular @BASTA! 2025 in Mainz
manfredsteyer
PRO
0
170
Signals & Resource API in Angular: 3 Effective Rules for Your Architecture @BASTA 2025 in Mainz
manfredsteyer
PRO
0
120
Your Architecture as a Crime SceneForensic Analysis @BASTA! 2025 in Mainz, Germany
manfredsteyer
PRO
0
66
Your Architecture as a Crime SceneForensic Analysis @EntwicklerSummit Berlin 2025
manfredsteyer
PRO
0
38
Advanced Micro Frontends: Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
400
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
660
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
530
The Missing Link in Angular‘s Signal Story Resource API and httpResource @ngRome 2025
manfredsteyer
PRO
0
170
Other Decks in Programming
See All in Programming
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
720
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
150
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
160
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2.1k
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
110
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
3.3k
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
120
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
220
dynamic!
moro
10
7.4k
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
1.3k
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
810
What's new in Spring Modulith?
olivergierke
1
140
Featured
See All Featured
The Language of Interfaces
destraynor
162
25k
The Cult of Friendly URLs
andyhume
79
6.6k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
The Invisible Side of Design
smashingmag
302
51k
Done Done
chrislema
185
16k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
A Tale of Four Properties
chriscoyier
161
23k
How to Think Like a Performance Engineer
csswizardry
27
2k
Become a Pro
speakerdeck
PRO
29
5.5k
Gamification - CAS2011
davidbonilla
81
5.5k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Transcript
ManfredSteyer ManfredSteyer
ManfredSteyer
ManfredSteyer
ManfredSteyer
ManfredSteyer Manfred Steyer
ManfredSteyer
ManfredSteyer Fine-grained Reactivity
ManfredSteyer Signal 4711 Consumer read set notify 4712
ManfredSteyer Smart Compilation
ManfredSteyer Convetion over Configuration
ManfredSteyer Progressive Hydration
ManfredSteyer HTML JS DATA FMP
ManfredSteyer HTML JS DATA TTI FMP
ManfredSteyer HTML JS DATA TTI "Uncanny Vally" FMP
ManfredSteyer
ManfredSteyer HTML DATA FMP JS JS JS JS JS JS
JS JS TTI
ManfredSteyer HTML DATA FMP JS JS JS JS TTI
ManfredSteyer Different Frameworks for Different Use Cases
ManfredSteyer Know and prioritize your Architecture Goals!
ManfredSteyer Will the "Big 3" catch up?
ManfredSteyer flights: Flight[] = []; const flights = await this.flightService.findAsPromise(from,
to); this.flights = flights; <div *ngFor="let f of flights"> <flight-card [item]="f" /> </div>
ManfredSteyer flights = signal<Flight[]>([]); const flights = await this.flightService.findAsPromise(from, to);
this.flights.set(flights); <div *ngFor="let f of flights()"> <flight-card [item]="f" /> </div>
ManfredSteyer
ManfredSteyer
ManfredSteyer Slides & Examples Remote Company Workshops and Consulting http://angulararchitects.io