The Future of the Front-End Frameworks

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=47 Minko Gechev
November 22, 2019

The Future of the Front-End Frameworks

Over the years, complexity in modern web applications has been mostly going towards the client side. Shipping large single-page applications, however, introduced a lot of complexity and has its own performance penalty. In this talk, we’re going to peek into the future. We’ll look at where modern web frameworks are heading to satisfy the continually evolving business requirements while providing excellent development ergonomics and performance.

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=128

Minko Gechev

November 22, 2019
Tweet

Transcript

  1. 1.

    @yourtwitter The Future of the Front-End Web Frameworks Minko Gechev

    twitter.com/mgechev
 github.com/mgechev
 blog.mgechev.com
  2. 4.

    @mgechev Not stating… • …the “framework of the future” is

    Angular, React, etc. • …the “framework of the future” is not Angular, React, etc. • The language of the future is JavaScript • The “future” is next year…
  3. 11.
  4. 16.
  5. 17.

    @mgechev Pros • Server-side rendering - social media & SEO

    friendly • Once the app is loaded, the user get immediate experience • Resources are downloaded and processed only once
  6. 18.

    @mgechev Cons • Stateful apps with complex state management •

    Not optimized for server-side rendering • Unresponsive apps before complete rehydration
  7. 20.
  8. 21.
  9. 22.
  10. 23.
  11. 24.
  12. 25.
  13. 32.

    @mgechev Pros • The app is server-side rendered by default

    • The app is interactive immediately • The app “rehydrates” without destroying the rendered UI • We get only the assets needed by the current page (ideally)
  14. 33.

    @mgechev Cons • Does not provide immediate transitions across pages

    • Downloading/processing the same assets multiple times
  15. 34.
  16. 41.

    @mgechev Rules of Progressive Rehydration Component is loaded & bootstrapped

    on interaction Component is loaded & bootstrapped when it receives new data Each logical unit has its own bundle
  17. 42.

    @mgechev Rules of Progressive Rehydration Component is loaded & bootstrapped

    on interaction Component is loaded & bootstrapped when it receives new data Each logical unit has its own bundle
  18. 43.
  19. 54.
  20. 55.
  21. 68.
  22. 69.
  23. 70.
  24. 75.
  25. 76.
  26. 77.
  27. 78.