I still just don't get it. If I'm happily using Preact (especially SSR) what advantages am I supposed to get out of switching to WCs? Not performance. Preact is smaller than LitElement and SSR is unbeatable for FCP. Not "standardization" when React is more popular than WCs.
-
-
Replying to @dfabu @graynorton and
Reuse in big teams. WCs done well end the "does X component work in my app?" slog. Also, all the React use claims I've seen have big asterisks; do you have pointers to better data?
2 replies 0 retweets 5 likes -
Replying to @slightlylate @dfabu and
• As Alex said, interop is a huge win for large orgs with multiple teams & disparate stacks • Yes, React ecosystem is huge today, but the entire web ecosystem benefits if more vendors (like Ionic) ship components that work well with *every* framework
1 reply 0 retweets 9 likes -
Replying to @graynorton @slightlylate and
• Preact is great; if it's meeting all your needs, no reason for you to switch • lit-html and LitElement will get smaller when Template Instantiation lands in the platform • SSR is possible with web components, just not as far along – check Ionic's recent work here
2 replies 0 retweets 9 likes -
Replying to @graynorton @slightlylate and
As for Stencil SSR, it's not just "not as far along." The SSR process has to strip out all Shadow DOM, but no general way to rehydrate unshadowed slotted UI back into Shadow DOM with slots. (It kinda works if your entire stack is Stencil, but that undermines all of WC's value.)
1 reply 1 retweet 1 like -
Replying to @dfabu @graynorton and
This is changing. The next major release will allow for hydration based on a generated script that can be executed by any node process given the page HTML as a string.
1 reply 0 retweets 1 like -
Replying to @jthoms1 @graynorton and
Can you share a link to more detail?
1 reply 0 retweets 0 likes -
-
This is all in the core-refactor branch and being finished up as we speak. But it'll server-side hydrate a SD component to a flat tree (including scoped css), then on client-side hydration it'll convert it to native SD w/out out a flicker. Excited to get it shipped soon
1 reply 1 retweet 14 likes -
Replying to @adamdbradley @jthoms1 and
How does it rehydrate shadow DOM slots? (Especially with multiple layers of shadow DOM nested within each other?)
2 replies 0 retweets 0 likes
Just run the algorithm?
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
& Web Standards TL; Blink API OWNER
Named PWAs w/
DMs open. Tweets my own; press@google.com for official comms.