$30 off During Our Annual Pro Sale. View Details »

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

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

Vortrag auf der neuland.conf 2023 (intern).

Michael Geers

November 09, 2023
Tweet

More Decks by Michael Geers

Other Decks in Technology

Transcript

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

    View Slide

  2. 2005

    View Slide

  3. 2005
    2006

    View Slide

  4. 2010
    Generation 1
    JavaScript Frameworks
    MVVM Model View ViewModel

    View Slide

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

    View Slide

  6. https://stateofjs.com/

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  10. React
    Vue.js
    Angular
    ?

    View Slide

  11. 2018
    Generation 2.5
    kleine Verbesserungen

    View Slide

  12. weniger JavaScript

    View Slide

  13. schnellere Ausführung

    View Slide

  14. Fokus & Einfachheit

    View Slide

  15. 2022
    Generation 3
    neue Konzepte

    View Slide

  16. Back to the Server

    View Slide

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

    View Slide

  18. Islands Architecture
    static
    interactive

    View Slide

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

    View Slide

  20. Interactivity on Demand

    View Slide

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

    View Slide

  22. Client & Server
    in einer Komponente

    View Slide

  23. Mini Bundles
    pro Interaktion, Lazy Loading

    View Slide

  24. Generation Retro

    View Slide

  25. Generation Retro
    minimales JavaScript, klassisches Server HTML

    View Slide

  26. View Slide

  27. View Slide

  28. View Slide

  29. Modern Web / Web Components

    View Slide

  30. Moderne Web Standards
    Web Components als Basis
    Guter Browser Support
    Framework agnostisch
    Langlebig
    Developer Experience
    Langsamer Fortschritt

    View Slide

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

    View Slide

  32. View Slide

  33. Welche Zukunft siehst du?

    View Slide