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
210

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
93
Micro Frontends - True End-to-End Decoupling in Practice
Avatar for Michael Geers naltatis
1
160
evcc: Sonne, Autos & dynamische Stromtarife
Avatar for Michael Geers naltatis
0
760
Tractor Store 2.0 - TodoMVC for Micro Frontends
Avatar for Michael Geers naltatis
0
260
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
870
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
760

Other Decks in Technology

See All in Technology
変化に強いテーブル設計の勘所 / Table design that is resistant to changes
Avatar for soudai sone soudai
48
13k
君だけのオリジナル async / await を作ろう / TSKaigi 2025
Avatar for Susisu susisu
17
12k
OSMnx Galleryの紹介
Avatar for mopinfish mopinfish
0
120
カンファレンスのつくりかた / The Conference Code: What Makes It All Work
Avatar for HASEGAWA Tomoki tomzoh
6
660
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
4.5k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.2k
AIに実況させる / AI Streamer
Avatar for motemen motemen
2
1.2k
OTel meets Wasm: プラグイン機構としてのWebAssemblyから見る次世代のObservability
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
200
Standard Schema: スキーマライブラリの統一企画とは何か
Avatar for Nozomu Ikuta nozomuikuta
1
440
AIのための
オンボーディングドキュメントを整備する - hirotea
Avatar for hirotea hirotea
8
1.9k
GigaViewerにおけるMackerel APM導入の裏側
Avatar for koudenpa 7474
0
150
Streamline Cloud-Native App Development Using CDEs
Avatar for Saeed Zarinfam saeedzf
0
500

Featured

See All Featured
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
Side Projects
Avatar for Sacha Greif sachag
453
42k
Done Done
Avatar for chrislema chrislema
184
16k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.3k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
45
9.5k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
76
5.8k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
56
9.4k

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?