Replies: 1 comment
-
@aomarks if you have any more points/ideas please let me know 🤗 |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
First Level hydration
=> that should be possible to implement right now
it seems the 3 fundamental "states" are exclusive:
For
server/client
there are no additional "options"... but for hydrate, there are multiple modifies you could combinerender-mode="server"
render-mode="hydrate"
render-mode="hydrate:onIdle"
render-mode="hydrate:onClientLoad"
render-mode="hydrate:onMedia(@media (max-width: 320px))"
render-mode="hydrate:onMedia(@media (min-width: 640px)).onClick"
render-mode="hydrate:onMedia(@media (prefers-reduced-motion: no-preference)).onClick"
render-mode="hydrate:onVisible.onIdle"
render-mode="hydrate:onVisible(100px)"
render-mode="client"
sadly this does not prevent "useless" combinations like
render-mode="hydrate:onVisible.onClick.onHover"
.Inspired by withastro/roadmap#108 and slinkity/slinkity#20
Example of user code
Loading strategy of polyfills
https://github.com/lit/lit/tree/main/packages/labs/eleventy-plugin-lit#bootup
Hydration of nested components
=> would need to become a convention & probably requires changes in lit-ssr
=> maybe custom lit-ssr renderer?
Hydration of individual template parts
Beta Was this translation helpful? Give feedback.
All reactions