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
Successful with Signals: 3 Effective Rules @FrankenJS
manfredsteyer
PRO
0
110
The New NGRX Signal Store for Angular 3+n Flavors @enterJS 2014 in Darmstadt
manfredsteyer
PRO
0
90
Native Federation: The Future of Micro Frontends in Angular
manfredsteyer
PRO
0
170
The New NGRX Signal Store for Angular: 3+n Flavors of the Signal Store
manfredsteyer
PRO
0
75
Micro Frontends with Modern Angular and Island Architectures @ijs London 2024
manfredsteyer
PRO
0
110
Modern State Management in Angular: 3+n Flavors of the Signal Store @ijs London 2024
manfredsteyer
PRO
0
95
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
260
Migrating to Signals: A Practical Workshop
manfredsteyer
PRO
0
450
Micro Frontends with Web Standards
manfredsteyer
PRO
1
330
Other Decks in Programming
See All in Programming
Go製Webアプリケーションのエラーとの向き合い方大全、あるいはやっぱりスタックトレース欲しいやん / Kyoto.go #50
utgwkk
6
2k
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
160
The test code generator using static analysis and LLM
mikik0
1
260
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
74k
GitLab CI/CD で C#/WPFアプリケーションのテストとインストーラーのビルド・デプロイを自動化する
hacarus
0
620
slog登場に伴うloggerの取り回し手法の見直し / kamakura.go #6
arthur1
0
160
Docker_OSS_ホスティング入門
satokoki645
0
140
Three ways to use AI on Android: The Good, the Bad and the Ugly
marxallski
0
120
Jetpack Composeとデザインシステム
rmakiyama
0
240
株式会社ゼネテック
genetec
0
130
Adding Security to Microcontroller Ruby
sylph01
1
160
[RubyKaigi 2024] Ruby Mixology 101: adding shots of PHP, Elixir, and more
palkan
0
130
Featured
See All Featured
The Language of Interfaces
destraynor
151
23k
Testing 201, or: Great Expectations
jmmastey
30
6.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
Designing with Data
zakiwarfel
96
4.8k
Ruby is Unlike a Banana
tanoku
96
10k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
The Pragmatic Product Professional
lauravandoore
26
5.9k
Product Roadmaps are Hard
iamctodd
45
9.8k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
The Invisible Side of Design
smashingmag
294
49k
4 Signs Your Business is Dying
shpigford
176
21k
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