Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Night Session: The Future of WebDev

Avatar for Manfred Steyer Manfred Steyer
PRO
May 09, 2023
Programming
0
250

Night Session: The Future of WebDev

Avatar for Manfred Steyer

Manfred Steyer
PRO

May 09, 2023
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
JavaScript as a Crime Scene Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
20
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @jax2025 in Mainz, Germany
Avatar for Manfred Steyer manfredsteyer
PRO
0
53
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
26
Your Architecture as a Crime Scene Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
36
Live Coding: Migrating an Application to Signals
Avatar for Manfred Steyer manfredsteyer
PRO
0
93
The Missing Link in Angular’s Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
150
Strategic Design (DDD) for the Frontend @DDD Meetup Stuttgart
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
Module Boundaries and Architecture with Forensic Analysis @NxSummit Amsterdam 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Signal-Based Data Fetching With the New httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
220

Other Decks in Programming

See All in Programming
データベースの技術選定を突き詰める ～複数事例から考える最適なデータベースの選び方～
Avatar for nnaka2992 nnaka2992
3
2.1k
Road to Ruby for A Linguistics Nerd
Avatar for Hayato Ishida hayat01sh1da
PRO
0
330
一緒に働きたくなるプログラマの思想 #QiitaConference
Avatar for mu_zaru mu_zaru
82
21k
Cursor/Devin全社導入の理想と現実
Avatar for Ryoichi Saito saitoryc
29
22k
ぽちぽち選択するだけでOSSを読めるVSCode拡張機能
Avatar for Kazuya Kurihara ymbigo
14
6.5k
カオスに立ち向かう小規模チームの装備の選択〜フルスタックTSという装備の強み _ 弱み〜/Choosing equipment for a small team facing chaos ~ Strengths and weaknesses of full-stack TS~
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
1
150
エンジニア向けCursor勉強会 @ SmartHR
Avatar for Yuki Horikoshi yukisnow1823
3
13k
CursorとDevinが仲間！？AI駆動で新規プロダクト開発に挑んだ３ヶ月を振り返る / A Story of New Product Development with Cursor and Devin
Avatar for r-kagaya rkaga
5
1k
KANNA Android の技術的課題と取り組み
Avatar for Yosuke Watanabe watabee
1
560
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
Avatar for Philip Schwarz philipschwarz
PRO
0
170
カウシェで Four Keys の改善を試みた理由
Avatar for ike ike002jp
1
140
SwiftDataのカスタムデータストアを試してみた
Avatar for 1mash0 1mash0
0
150

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
12k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
129
19k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
177
9.7k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
20k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.6k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
13
850

Transcript

  1. ManfredSteyer ManfredSteyer

  2. ManfredSteyer

  3. ManfredSteyer

  4. ManfredSteyer

  5. ManfredSteyer Manfred Steyer

  6. ManfredSteyer

  7. ManfredSteyer Fine-grained Reactivity

  8. ManfredSteyer Signal 4711 Consumer read set notify 4712

  9. ManfredSteyer Smart Compilation

  10. ManfredSteyer Convetion over Configuration

  11. ManfredSteyer Progressive Hydration

  12. ManfredSteyer HTML JS DATA FMP

  13. ManfredSteyer HTML JS DATA TTI FMP

  14. ManfredSteyer HTML JS DATA TTI "Uncanny Vally" FMP

  15. ManfredSteyer

  16. ManfredSteyer HTML DATA FMP JS JS JS JS JS JS

    JS JS TTI

  17. ManfredSteyer HTML DATA FMP JS JS JS JS TTI

  18. ManfredSteyer Different Frameworks for Different Use Cases

  19. ManfredSteyer Know and prioritize your Architecture Goals!

  20. ManfredSteyer Will the "Big 3" catch up?

  21. 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>

  22. 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>

  23. ManfredSteyer

  24. ManfredSteyer

  25. ManfredSteyer Slides & Examples Remote Company Workshops and Consulting http://angulararchitects.io