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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Michael Geers Michael Geers
November 09, 2023
Technology
290
0

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

More Decks by Michael Geers

See All by Michael Geers
Was macht AI mit dem Open Source?
Avatar for Michael Geers naltatis
0
26
More Hearts than Stars: Smart Charging & Community Funding
Avatar for Michael Geers naltatis
0
340
Micro Frontends - True End-to-End Decoupling in Practice
Avatar for Michael Geers naltatis
1
280
evcc: Sonne, Autos & dynamische Stromtarife
Avatar for Michael Geers naltatis
0
1.4k
Tractor Store 2.0 - TodoMVC for Micro Frontends
Avatar for Michael Geers naltatis
0
370
evcc – Open Source Sonne tanken
Avatar for Michael Geers naltatis
0
2.3k
How Deep Is Your Micro Frontend
Avatar for Michael Geers naltatis
2
960
Open Source Sonne tanken | Wallboxen mit evcc smarter machen
Avatar for Michael Geers naltatis
1
2.6k
Energie & Feedback Loops
Avatar for Michael Geers naltatis
1
370

Other Decks in Technology

See All in Technology
生成AI時代に信頼性をどう保ち続けるか - Policy as Code の実践
Avatar for akitok akitok_
0
180
アプリブロック機能のつくりかたと、AIとHTMLの不合理な相性の良さについて
Avatar for kumamotone kumamotone
1
220
OWASP APTSを眺めてみた
Avatar for su3158 su3158
0
130
雑談は、センサーだった
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
2
220
「強制アップデート」か「チームの自律」か？エンタープライズが辿り着いたプラットフォームのハイブリッド運用/cloudnative-kaigi-hybrid-platform-operations
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
0
150
セキュリティ対策、何からはじめる？ CloudNative環境の脅威モデリングと リスク評価実践入門 #cloudnativekaigi
Avatar for varu3 varu3
2
420
フロントエンドの相手が変わった - AIが加わったWebの新しいインターフェース設計
Avatar for azukiazusa azukiazusa1
33
11k
AI時代に、 データアナリストがデータエンジニアに異動して
Avatar for jackojacko_ jackojacko_
0
560
小さいVue.jsを30分で作る
Avatar for Hal hal_spidernight
0
150
いつの間にかデータエンジニア以外の業務も増えていたけど、意外と経験が役に立ってる
Avatar for ZOZO Developers zozotech
PRO
0
320
[Oracle TechNight#99] 生成AI時代のAI/ML入門 ~ AIとオラクルデータベースの関係 (前半)
Avatar for oracle4engineer oracle4engineer
PRO
2
240
AIが盛んな時代に 技術記事を書き始めて起きた私の中での小さな変化
Avatar for 松尾淳平 peintangos
0
370

Featured

See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
380
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
110
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
740
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
180
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
740
Done Done
Avatar for chrislema chrislema
186
16k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
180
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k

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?