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
Native Federation: The Future of Micro Frontends in Angular
manfredsteyer
PRO
0
96
Architectures with Lightweight Stores: New Rules and Options
manfredsteyer
PRO
0
100
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
Modern Angular: Renovation for Your Applications
manfredsteyer
PRO
0
140
Where do we go from here? Strategies for Signals
manfredsteyer
PRO
0
170
Successful with Signals: 3 Effective Rules
manfredsteyer
PRO
0
95
Vertical Architectures for Scalable Angular Applications
manfredsteyer
PRO
0
270
Successful with Signals: 3 Effective Rules
manfredsteyer
PRO
0
100
Modern Angular Architectures With Nx and Lightweight Stores @ngBelgrade 2024
manfredsteyer
PRO
0
170
Other Decks in Programming
See All in Programming
Harnessing Large Language Models for Training-free Video Anomaly Detection
tereka114
1
1.3k
Jetpack for KMP
fornewid
1
290
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
370
継続的な活動で築く地方エンジニアの道
myamashii
2
350
CSC307 Lecture 13
javiergs
PRO
0
150
企業向け生成AIアプリの 開発から得られた知見
takaakikakei
0
310
開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ
sakuraikotone
28
16k
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
社内 LT 会を発足し、アウトプット文化を醸成させるために考えたこと・やったこと / Starting internal LT meetings and fostering an output culture
mackey0225
3
120
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
Featured
See All Featured
Designing for Performance
lara
604
67k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
Agile that works and the tools we love
rasmusluckow
325
20k
Web development in the modern age
philhawksworth
203
10k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
GraphQLとの向き合い方2022年版
quramy
36
13k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
325
21k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
How GitHub (no longer) Works
holman
305
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
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