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
240
Night Session: The Future of WebDev
Manfred Steyer
PRO
May 09, 2023
Tweet
Share
More Decks by Manfred Steyer
See All by Manfred Steyer
Migrating to Signals: A Practical Workshop
manfredsteyer
PRO
0
280
Micro Frontends with Web Standards
manfredsteyer
PRO
0
220
The New NGRX Signal Store for Angular: 3+n Flavors
manfredsteyer
PRO
1
190
Leveraging the new NGRX Signal Store
manfredsteyer
PRO
0
150
Modern State Management in Angular: The 3+n Flavors of the NGRX Signal Store
manfredsteyer
PRO
0
95
NGRX Signal Store
manfredsteyer
PRO
0
200
signals-arc.pdf
manfredsteyer
PRO
0
220
Camel and Eye of a Needle: Integration of SPA-based Micro Frontends
manfredsteyer
PRO
0
91
Micro Frontends with Modern Angular
manfredsteyer
PRO
1
480
Other Decks in Programming
See All in Programming
Data Contracts In Practice With Debezium and Apache Flink (Kafka Summit London)
gunnarmorling
2
280
品質とスピードを両立: TypeScriptの柔軟な型システムをバックエンドで活用する
kosui
5
1.1k
上手な探索的テストとその上達方法について
matsu802
4
660
App Router への移行は「改善」となり得るのか?/ Can migration to App Router be an improvement
takefumiyoshii
1
130
Kotlinを用いたDSL的な設計手法と使用上の注意
kohii00
3
530
チームでモデリングを育てるうえで 考えたこと・気づいたこと / Cultivating Modeling in Teams: Thoughts and Insights
mackey0225
5
2.4k
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
とにかくHTTP3をライトニングに話す / Anyway, I'll talk to Lightning about HTTP3.
seike460
PRO
0
120
OpenTelemetry のサービスという概念について
azukiazusa1
1
410
自動テスト実行結果の目的を整理する / Organizing objectives of automated test results
twada
PRO
10
2.1k
Open Source Swiftc Workshop
kitasuke
1
290
Creating Retro-Style Photos Using Swift
ski
1
360
Featured
See All Featured
Happy Clients
brianwarren
91
6.3k
Become a Pro
speakerdeck
PRO
8
4.4k
Navigating Team Friction
lara
177
13k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
Facilitating Awesome Meetings
lara
39
5.5k
Building Your Own Lightsaber
phodgson
97
5.6k
GraphQLの誤解/rethinking-graphql
sonatard
48
9.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Fontdeck: Realign not Redesign
paulrobertlloyd
75
4.8k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
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