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

Die nächste Framework Generation? Was kommt nac...

Avatar for Michael Geers Michael Geers
November 09, 2023
Technology
0
240

Die nächste Framework Generation? Was kommt nach React, Vue.js und Angular?

Vortrag auf der neuland.conf 2023 (intern).

Avatar for Michael Geers

Michael Geers

November 09, 2023
Tweet

More Decks by Michael Geers

See All by Michael Geers
More Hearts than Stars: Smart Charging & Community Funding
Avatar for Michael Geers naltatis
0
150
Micro Frontends - True End-to-End Decoupling in Practice
Avatar for Michael Geers naltatis
1
220
evcc: Sonne, Autos & dynamische Stromtarife
Avatar for Michael Geers naltatis
0
1k
Tractor Store 2.0 - TodoMVC for Micro Frontends
Avatar for Michael Geers naltatis
0
300
evcc – Open Source Sonne tanken
Avatar for Michael Geers naltatis
0
2.1k
How Deep Is Your Micro Frontend
Avatar for Michael Geers naltatis
2
910
Open Source Sonne tanken | Wallboxen mit evcc smarter machen
Avatar for Michael Geers naltatis
1
2.5k
Energie & Feedback Loops
Avatar for Michael Geers naltatis
1
340
Micro Frontends - Entkopplung bis zur Oberfläche
Avatar for Michael Geers naltatis
1
790

Other Decks in Technology

See All in Technology
今から間に合う re:Invent 準備グッズと現地の地図、その他ラスベガスを周る際の Tips/reinvent-preparation-guide
Avatar for emi emiki
1
280
LLM APIを2年間本番運用して苦労した話
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
10
7.9k
Copilotの精度を上げる！カスタムプロンプト入門.pdf
Avatar for Izumu KUSUNOKI ismk
1
170
組織全員で向き合うAI Readyなデータ利活用
Avatar for harry gappy50
5
2.1k
Kotlinで型安全にバイテンポラルデータを扱いたい！ ReladomoラッパーをAIと実装してみた話
Avatar for Hiroshi Ito itohiro73
3
260
なぜ新機能リリース翌日に モニタリング可能なのか？ 〜リードタイム短縮とリソース問題を「自走」で改善した話〜 / data_summit_findy_Session_2
Avatar for Sansan R&D sansan_randd
1
120
SREのキャリアから経営に近づく - Enterprise Risk Managementを基に -
Avatar for shonansurvivors shonansurvivors
1
730
AWSが好きすぎて、41歳でエンジニアになり、AAIを経由してAWSパートナー企業に入った話
Avatar for Yuuki Yamashita yama3133
2
230
設計に疎いエンジニアでも始めやすいアーキテクチャドキュメント
Avatar for Tomonori Hayashi / ぴーはや phaya72
27
18k
Amazon Q Developer CLIをClaude Codeから使うためのベストプラクティスを考えてみた
Avatar for banquet.kuma dar_kuma_san
0
340
パフォーマンスチューニングのために普段からできること/Performance Tuning: Daily Practices
Avatar for FUJIWARA Shunichiro fujiwara3
2
200
Boxを“使われる場”にする統制と自動化の仕組み
Avatar for 株式会社出前館 demaecan
0
200

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
650
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2.2k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k

Transcript

  1. Die nächste Framework Generation? Was kommt nach React, Vue.js und

    Angular?

  2. 2005

  3. 2005 2006

  4. 2010 Generation 1 JavaScript Frameworks MVVM Model View ViewModel

  5. 2015 Generation 2 aktuelle Frameworks Komponenten, Ökosystem, große Community

  6. https://stateofjs.com/

  7. React have used have not used negative opinions positive opinions

  8. Vue.js have used have not used negative opinions positive opinions

  9. Angular have used have not used negative opinions positive opinions

  10. React Vue.js Angular ?

  11. 2018 Generation 2.5 kleine Verbesserungen

  12. weniger JavaScript

  13. schnellere Ausführung

  14. Fokus & Einfachheit

  15. 2022 Generation 3 neue Konzepte

  16. Back to the Server

  17. Server Frameworks city Analog SSR / Server-side Rendering SSG /

    Static Site Generation

  18. Islands Architecture static interactive

  19. Island Architecture Server-first Zero JS, by default Multi framework

  20. Interactivity on Demand

  21. Pure HTML No Hydration On Demand Loading Server/Client Model

  22. Client & Server in einer Komponente

  23. Mini Bundles pro Interaktion, Lazy Loading

  24. Generation Retro

  25. Generation Retro minimales JavaScript, klassisches Server HTML

  26. None
  27. None
  28. None

  29. Modern Web / Web Components

  30. Moderne Web Standards Web Components als Basis Guter Browser Support

    Framework agnostisch Langlebig Developer Experience Langsamer Fortschritt

  31. SpaceX Microsoft Früher viel React. Heute eher Web Components.

  32. None

  33. Welche Zukunft siehst du?