Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Future of the Front-End Frameworks

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.

Minko Gechev

October 18, 2019
Tweet

More Decks by Minko Gechev

Other Decks in Programming

Transcript

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

    twitter.com/mgechev
 github.com/mgechev
 blog.mgechev.com
  2. @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. @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
  4. @mgechev Cons • Stateful apps with complex state management •

    Not optimized for server-side rendering • Unresponsive apps before complete rehydration
  5. @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)
  6. @mgechev Cons • Does not provide immediate transitions across pages

    • Downloading/processing the same assets multiple times
  7. @mgechev Cons in LAMP • Should Does not provide immediate

    transitions across pages • Should not process Processes the same assets multiple times
  8. @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
  9. @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
  10. @mgechev In machine learning and pattern recognition, a feature is

    an individual measurable property or characteristic of a phenomenon being observed. Wikipedia
  11. twitter.com/mgechev Prefetching data consumption one user at the home page

    2.56MB Prefetch all modules 100% 1.22MB Prefetch visibile links 48% 0.18MB Predictive prefetching 7%