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

Vortrag auf der neuland.conf 2023 (intern).

Transcript

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

   View Slide

2. View Slide

3. 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