home.social

#hydroactive — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #hydroactive, aggregated by home.social.

  1. #HydroActive supports deferring upgrade / lifecycle hooks until the component is interacted with, solve load ordering so your dependencies are always upgraded, and manages dependencies on components so they are hydrated exactly when they need to be and no earlier.

    github.com/dgp1130/HydroActive

  2. #HydroActive supports deferring upgrade / lifecycle hooks until the component is interacted with, solve load ordering so your dependencies are always upgraded, and manages dependencies on components so they are hydrated exactly when they need to be and no earlier.

    github.com/dgp1130/HydroActive

  3. #HydroActive supports deferring upgrade / lifecycle hooks until the component is interacted with, solve load ordering so your dependencies are always upgraded, and manages dependencies on components so they are hydrated exactly when they need to be and no earlier.

    github.com/dgp1130/HydroActive

  4. #HydroActive supports deferring upgrade / lifecycle hooks until the component is interacted with, solve load ordering so your dependencies are always upgraded, and manages dependencies on components so they are hydrated exactly when they need to be and no earlier.

    github.com/dgp1130/HydroActive

  5. supports deferring upgrade / lifecycle hooks until the component is interacted with, solve load ordering so your dependencies are always upgraded, and manages dependencies on components so they are hydrated exactly when they need to be and no earlier.

    github.com/dgp1130/HydroActive

  6. Cool to see #MDN exploring a unique #frontend architecture which better meets their needs.

    developer.mozilla.org/en-US/bl

    A lot of the core ideas here are stuff I've been trying to formalize in #HydroActive and #rules_prerender. Islands of reactivity on a mostly static page and driving resource loading by what gets rendered are both key features most FE systems lack.

    #web #JavaScript

  7. Cool to see #MDN exploring a unique #frontend architecture which better meets their needs.

    developer.mozilla.org/en-US/bl

    A lot of the core ideas here are stuff I've been trying to formalize in #HydroActive and #rules_prerender. Islands of reactivity on a mostly static page and driving resource loading by what gets rendered are both key features most FE systems lack.

    #web #JavaScript

  8. Cool to see #MDN exploring a unique #frontend architecture which better meets their needs.

    developer.mozilla.org/en-US/bl

    A lot of the core ideas here are stuff I've been trying to formalize in #HydroActive and #rules_prerender. Islands of reactivity on a mostly static page and driving resource loading by what gets rendered are both key features most FE systems lack.

    #web #JavaScript

  9. Cool to see #MDN exploring a unique #frontend architecture which better meets their needs.

    developer.mozilla.org/en-US/bl

    A lot of the core ideas here are stuff I've been trying to formalize in #HydroActive and #rules_prerender. Islands of reactivity on a mostly static page and driving resource loading by what gets rendered are both key features most FE systems lack.

    #web #JavaScript

  10. Cool to see exploring a unique architecture which better meets their needs.

    developer.mozilla.org/en-US/bl

    A lot of the core ideas here are stuff I've been trying to formalize in and . Islands of reactivity on a mostly static page and driving resource loading by what gets rendered are both key features most FE systems lack.

  11. @hawkticehurst This is very interesting. I don't think I'm sold on an `x-signal` custom element (auto coercion and reliance on `innerHTML` seem sketchy to me), but it's a unique concept to explore for sure.

    If it's interesting to you, I'm doing something not too dissimilar with #HydroActive. It's not quite defining state in HTML like you are, but it does focus on reading initial values from pre-rendered HTML with signals as a reactivity mechanism.

    github.com/dgp1130/HydroActive

  12. @hawkticehurst This is very interesting. I don't think I'm sold on an `x-signal` custom element (auto coercion and reliance on `innerHTML` seem sketchy to me), but it's a unique concept to explore for sure.

    If it's interesting to you, I'm doing something not too dissimilar with #HydroActive. It's not quite defining state in HTML like you are, but it does focus on reading initial values from pre-rendered HTML with signals as a reactivity mechanism.

    github.com/dgp1130/HydroActive

  13. @hawkticehurst This is very interesting. I don't think I'm sold on an `x-signal` custom element (auto coercion and reliance on `innerHTML` seem sketchy to me), but it's a unique concept to explore for sure.

    If it's interesting to you, I'm doing something not too dissimilar with #HydroActive. It's not quite defining state in HTML like you are, but it does focus on reading initial values from pre-rendered HTML with signals as a reactivity mechanism.

    github.com/dgp1130/HydroActive

  14. @hawkticehurst This is very interesting. I don't think I'm sold on an `x-signal` custom element (auto coercion and reliance on `innerHTML` seem sketchy to me), but it's a unique concept to explore for sure.

    If it's interesting to you, I'm doing something not too dissimilar with #HydroActive. It's not quite defining state in HTML like you are, but it does focus on reading initial values from pre-rendered HTML with signals as a reactivity mechanism.

    github.com/dgp1130/HydroActive

  15. @hawkticehurst This is very interesting. I don't think I'm sold on an `x-signal` custom element (auto coercion and reliance on `innerHTML` seem sketchy to me), but it's a unique concept to explore for sure.

    If it's interesting to you, I'm doing something not too dissimilar with . It's not quite defining state in HTML like you are, but it does focus on reading initial values from pre-rendered HTML with signals as a reactivity mechanism.

    github.com/dgp1130/HydroActive/

  16. Just released v0.1.7 of #HydroActive with the main new feature being support of the "On-Demand Definitions" community protocol I recently proposed. If you're interested to try it out, this is an easy way to give it a shot.

    github.com/dgp1130/HydroActive

    github.com/webcomponents-cg/co

  17. Just released v0.1.7 of #HydroActive with the main new feature being support of the "On-Demand Definitions" community protocol I recently proposed. If you're interested to try it out, this is an easy way to give it a shot.

    github.com/dgp1130/HydroActive

    github.com/webcomponents-cg/co

  18. Just released v0.1.7 of #HydroActive with the main new feature being support of the "On-Demand Definitions" community protocol I recently proposed. If you're interested to try it out, this is an easy way to give it a shot.

    github.com/dgp1130/HydroActive

    github.com/webcomponents-cg/co

  19. Just released v0.1.7 of #HydroActive with the main new feature being support of the "On-Demand Definitions" community protocol I recently proposed. If you're interested to try it out, this is an easy way to give it a shot.

    github.com/dgp1130/HydroActive

    github.com/webcomponents-cg/co

  20. Just released v0.1.7 of with the main new feature being support of the "On-Demand Definitions" community protocol I recently proposed. If you're interested to try it out, this is an easy way to give it a shot.

    github.com/dgp1130/HydroActive

    github.com/webcomponents-cg/co

  21. Just published v0.1.4 with support!

    github.com/dgp1130/HydroActive

    Now you can call `host.shadow.query('...')` to easily scope a query to the shadow root of an element.

  22. I had been hoping to spend some time this weekend on , but is just too much fun right now.

  23. What even is #hydration?

    I just published a new video update on #HydroActive exploring exactly what the term means, what problems you encounter when you hydrate with plain #WebComponents and how HydroActive can help with those problems.

    I also give an overview of the `defer-hydration` community protocol and how we can use it provide a common hydration interface.

    youtu.be/euFQRqrTSMk

  24. What even is #hydration?

    I just published a new video update on #HydroActive exploring exactly what the term means, what problems you encounter when you hydrate with plain #WebComponents and how HydroActive can help with those problems.

    I also give an overview of the `defer-hydration` community protocol and how we can use it provide a common hydration interface.

    youtu.be/euFQRqrTSMk

  25. What even is #hydration?

    I just published a new video update on #HydroActive exploring exactly what the term means, what problems you encounter when you hydrate with plain #WebComponents and how HydroActive can help with those problems.

    I also give an overview of the `defer-hydration` community protocol and how we can use it provide a common hydration interface.

    youtu.be/euFQRqrTSMk

  26. What even is #hydration?

    I just published a new video update on #HydroActive exploring exactly what the term means, what problems you encounter when you hydrate with plain #WebComponents and how HydroActive can help with those problems.

    I also give an overview of the `defer-hydration` community protocol and how we can use it provide a common hydration interface.

    youtu.be/euFQRqrTSMk

  27. What even is ?

    I just published a new video update on exploring exactly what the term means, what problems you encounter when you hydrate with plain and how HydroActive can help with those problems.

    I also give an overview of the `defer-hydration` community protocol and how we can use it provide a common hydration interface.

    youtu.be/euFQRqrTSMk

  28. Recorded another video for #HydroActive today! This one will be focused on what exactly #hydration actually means and how HydroActive helps you solve some key problems with it.

    I think the audio should come out better this time, so it's hope it works out 🤞.

  29. Recorded another video for #HydroActive today! This one will be focused on what exactly #hydration actually means and how HydroActive helps you solve some key problems with it.

    I think the audio should come out better this time, so it's hope it works out 🤞.

  30. Recorded another video for #HydroActive today! This one will be focused on what exactly #hydration actually means and how HydroActive helps you solve some key problems with it.

    I think the audio should come out better this time, so it's hope it works out 🤞.

  31. Recorded another video for #HydroActive today! This one will be focused on what exactly #hydration actually means and how HydroActive helps you solve some key problems with it.

    I think the audio should come out better this time, so it's hope it works out 🤞.

  32. Recorded another video for today! This one will be focused on what exactly actually means and how HydroActive helps you solve some key problems with it.

    I think the audio should come out better this time, so it's hope it works out 🤞.

  33. New release of #HydroActive re-works some of the DOM access APIs and improves overall hydration support with more comprehensive examples.

    github.com/dgp1130/HydroActive

    My next milestone is put together another video which walks through the changes and some of the design decisions which went into hydration and the weird nuances it transparently solves for you in ways you would never notice as a user. Very interesting discussion coming! 😁

  34. New release of #HydroActive re-works some of the DOM access APIs and improves overall hydration support with more comprehensive examples.

    github.com/dgp1130/HydroActive

    My next milestone is put together another video which walks through the changes and some of the design decisions which went into hydration and the weird nuances it transparently solves for you in ways you would never notice as a user. Very interesting discussion coming! 😁

  35. New release of #HydroActive re-works some of the DOM access APIs and improves overall hydration support with more comprehensive examples.

    github.com/dgp1130/HydroActive

    My next milestone is put together another video which walks through the changes and some of the design decisions which went into hydration and the weird nuances it transparently solves for you in ways you would never notice as a user. Very interesting discussion coming! 😁

  36. New release of #HydroActive re-works some of the DOM access APIs and improves overall hydration support with more comprehensive examples.

    github.com/dgp1130/HydroActive

    My next milestone is put together another video which walks through the changes and some of the design decisions which went into hydration and the weird nuances it transparently solves for you in ways you would never notice as a user. Very interesting discussion coming! 😁

  37. New release of re-works some of the DOM access APIs and improves overall hydration support with more comprehensive examples.

    github.com/dgp1130/HydroActive

    My next milestone is put together another video which walks through the changes and some of the design decisions which went into hydration and the weird nuances it transparently solves for you in ways you would never notice as a user. Very interesting discussion coming! 😁

  38. Published: New #YouTube video on #HydroActive where I:

    * (re)introduce what HydroActive is (a webcomponent library for adding hydration and reactivity to primarily server-side rendered content)
    * discuss the problems it's attempting to solve
    * explain the core design principles behind the project
    * demo some basic components and use cases

    youtu.be/kTDgjF4a_oU?si=_EKTTg

    While this is retreading some old ground from my previous video, the goal here is to kick off a series of (hopefully shorter) videos on specific concepts in HydroActive and how it evolves over time. Stay tuned for more content in the future!

  39. Published: New #YouTube video on #HydroActive where I:

    * (re)introduce what HydroActive is (a webcomponent library for adding hydration and reactivity to primarily server-side rendered content)
    * discuss the problems it's attempting to solve
    * explain the core design principles behind the project
    * demo some basic components and use cases

    youtu.be/kTDgjF4a_oU?si=_EKTTg

    While this is retreading some old ground from my previous video, the goal here is to kick off a series of (hopefully shorter) videos on specific concepts in HydroActive and how it evolves over time. Stay tuned for more content in the future!

  40. Published: New #YouTube video on #HydroActive where I:

    * (re)introduce what HydroActive is (a webcomponent library for adding hydration and reactivity to primarily server-side rendered content)
    * discuss the problems it's attempting to solve
    * explain the core design principles behind the project
    * demo some basic components and use cases

    youtu.be/kTDgjF4a_oU?si=_EKTTg

    While this is retreading some old ground from my previous video, the goal here is to kick off a series of (hopefully shorter) videos on specific concepts in HydroActive and how it evolves over time. Stay tuned for more content in the future!

  41. Published: New #YouTube video on #HydroActive where I:

    * (re)introduce what HydroActive is (a webcomponent library for adding hydration and reactivity to primarily server-side rendered content)
    * discuss the problems it's attempting to solve
    * explain the core design principles behind the project
    * demo some basic components and use cases

    youtu.be/kTDgjF4a_oU?si=_EKTTg

    While this is retreading some old ground from my previous video, the goal here is to kick off a series of (hopefully shorter) videos on specific concepts in HydroActive and how it evolves over time. Stay tuned for more content in the future!

  42. Published: New video on where I:

    * (re)introduce what HydroActive is (a webcomponent library for adding hydration and reactivity to primarily server-side rendered content)
    * discuss the problems it's attempting to solve
    * explain the core design principles behind the project
    * demo some basic components and use cases

    youtu.be/kTDgjF4a_oU?si=_EKTTg

    While this is retreading some old ground from my previous video, the goal here is to kick off a series of (hopefully shorter) videos on specific concepts in HydroActive and how it evolves over time. Stay tuned for more content in the future!