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
220

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
120
Micro Frontends - True End-to-End Decoupling in Practice
Avatar for Michael Geers naltatis
1
180
evcc: Sonne, Autos & dynamische Stromtarife
Avatar for Michael Geers naltatis
0
850
Tractor Store 2.0 - TodoMVC for Micro Frontends
Avatar for Michael Geers naltatis
0
270
evcc – Open Source Sonne tanken
Avatar for Michael Geers naltatis
0
1.9k
How Deep Is Your Micro Frontend
Avatar for Michael Geers naltatis
2
890
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
330
Micro Frontends - Entkopplung bis zur Oberfläche
Avatar for Michael Geers naltatis
1
780

Other Decks in Technology

See All in Technology
Lakebaseを使ったAIエージェントを実装してみる
Avatar for camay kameitomohiro
0
180
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for michal deltahelp
0
1.1k
大量配信システムにおけるSLOの実践:「見えない」信頼性をSLOで可視化
Avatar for PLAID Tech plaidtech
PRO
0
290
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
Avatar for coconala_engineer coconala_engineer
1
1k
[SRE NEXT] ARR150億円_エンジニア140名_27チーム_17プロダクトから始めるSLO.pdf
Avatar for sato-s satos
5
2.1k
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for heron31238 unitedflyhelp
0
340
ロールが細分化された組織でSREは何をするか？
Avatar for norimichi.osanai tgidgd
1
200
AIの全社活用を推進するための安全なレールを敷いた話
Avatar for ShoheiMitani shoheimitani
2
640
[ JAWS-UG千葉支部 x 彩の国埼玉支部 ]ムダ遣い卒業！FinOpsで始めるAWSコスト最適化の第一歩
Avatar for sh_fk2 sh_fk2
2
150
ソフトウェアQAがハードウェアの人になったの
Avatar for Matsu mineo_matsuya
3
110
伴走から自律へ： 形式知へと導くSREイネーブリングによる プロダクトチームの信頼性オーナーシップ向上 / SRE NEXT 2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
3
230
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for markhor64456 airhelpsupport
0
390

Featured

See All Featured
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
830
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k

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?