Twitter | Search | |
Addy Osmani
2019 wishlist for a React framework 🤞 📦 Small initial vendor bundle ✂️ Automated code-splitting (route/component) 💰 JS perf budgets (dev/prod) ⚡️ Constraints to stay on the fast path 🍽 Differential bundling ES2015+ 💄 Extract & optimize CSS 🚿 Progressive hydration for SSR
Reply Retweet Like More
Walk By Tech 30 Dec 18
Replying to @addyosmani
must needed things! but why only wishlist for React? not from other giants like , , , etc 😉
Reply Retweet Like
Bjorn 'Bjeaurn' 30 Dec 18
Replying to @walkbytech @addyosmani
Angular has most of these things, if not out of the box directly, then implementable with only a few lines (like Universal for SSR)
Reply Retweet Like
Elliott Sprehn 30 Dec 18
Replying to @addyosmani
I'm currently working on progressive hydration, the costs are currently too high in many apps and having to delay load parts of the page that should otherwise be server rendered to avoid hydration cost isn't a trade-off a modern framework should require. :)
Reply Retweet Like
Addy Osmani 30 Dec 18
This is useful insight. Is your work on progressive hydration public? :) Would be great to hear if folks looking at progressive/incremental hydration solutions reached similar conclusions about the cost being high in Svelte or Glimmer cc
Reply Retweet Like
tom byrer 29 Dec 18
Replying to @addyosmani @GatsbyJS
Reply Retweet Like
Addy Osmani 30 Dec 18
Replying to @tombyrer @GatsbyJS
Next & Gatsby do a *great* job trying to help out of the box (e.g Next's FS-based page splitting, Gatsby prefetching). There's still quite a bit we can do here for easy-peasy guaranteed perf on mobile. Looking fwd to working more on this problem space w/folks :)
Reply Retweet Like
Pavel Klimashkin 30 Dec 18
Replying to @addyosmani
What do you mean by 'Extract and optimize CSS'? React is, thankfully, css agnostic. Or, by calling React a framework you expect it to start including everything out of the box next year?
Reply Retweet Like
Addy Osmani 30 Dec 18
Replying to @p_klimashkin
I’m distinguishing between React (the core library) and React frameworks (like Next.js). I would like to see opinionated abstractions explore solutions to some of these other problems. Core’s doing great enabling work via React.lazy(), Suspense etc
Reply Retweet Like
tim arney 30 Dec 18
Replying to @addyosmani
Where can I find out more about what differential bundling is?
Reply Retweet Like
Addy Osmani 30 Dec 18
covered part of this in his deloying ES2015+ code write-up wrote about it in
Reply Retweet Like