Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
320
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
Bits & Bäume x evcc - Energie zuhause smart nutzen
Avatar for Michael Geers naltatis
0
28
Was macht AI mit dem Open Source?
Avatar for Michael Geers naltatis
0
110
More Hearts than Stars: Smart Charging & Community Funding
Avatar for Michael Geers naltatis
0
430
Micro Frontends - True End-to-End Decoupling in Practice
Avatar for Michael Geers naltatis
1
330
evcc: Sonne, Autos & dynamische Stromtarife
Avatar for Michael Geers naltatis
0
1.5k
Tractor Store 2.0 - TodoMVC for Micro Frontends
Avatar for Michael Geers naltatis
0
440
evcc – Open Source Sonne tanken
Avatar for Michael Geers naltatis
0
2.4k
How Deep Is Your Micro Frontend
Avatar for Michael Geers naltatis
2
1k
Open Source Sonne tanken | Wallboxen mit evcc smarter machen
Avatar for Michael Geers naltatis
1
2.7k

Other Decks in Technology

See All in Technology
検証フェーズはAIの回答を判断するための学習機会
Avatar for Toru_Kubota toru_kubota
2
350
AIは爆速なのに、私が詰まっていた話 ― 音声入力と鳴くマスコットでボトルネックを削る
Avatar for Yuuki Yamashita yama3133
0
380
20260930_Gemma4_Hands-on
Avatar for tsho tsho
0
210
猫でもわかるKiro Web
Avatar for Hiroo Katoh kentapapa
1
160
spanner-autoscalerに学ぶ
CRD設計パターン
〜自動化と緊急時対応を両立する
Kubernetesコントローラーの作り方〜
Avatar for tkuchiki tkuchiki
0
220
全社共通データ基盤をつくる。ソニーのDatabricks活用とデータガバナンス設計の裏側
Avatar for ソニー株式会社 sony
0
300
キャリアLT今日までそして明日から
Avatar for Hiroo Katoh kentapapa
1
140
AI Native Platform Engineering 〜PlatformとAgileで“作る速さ”を“価値”へ〜
Avatar for Yuya Mizorogi uya116
0
600
形式手法を使って仕様をコーディングしよう
Avatar for mikan mikanichinose
0
160
私の推しは「聞いてから進む」AIです -AI-DLCに一人でアプリを作らせた話
Avatar for Yuuki Yamashita yama3133
1
160
【Findyテック文化祭ワークショップ】新卒エンジニア&採用担当と作る、 なりたい姿と今やるべき一歩
Avatar for ディップ株式会社 dip_tech
PRO
0
150
Argo CDとAtlantisで実現するインフラ管理のセルフサービス化──小規模SREチームで支えるプラットフォーム
Avatar for DAN cassius7
0
280

Featured

See All Featured
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.8k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
840
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.3k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.8k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
620
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
430

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?