Introducing HydroActive: A web component library for easily adding hydration and reactivity!
Channel: Devel without a Cause
Date: 2022-12-20

Try it out today - `npm install hydroactive`
GitHub repository: https://github.com/dgp1130/HydroActive/
NPM package: https://npmjs.com/package/hydroactive/

Subscribe for more videos.
Follow me on Mastodon: https://techhub.social/@develwithoutacause/
Check out my blog: https://blog.dwac.dev/

Chapters:
00:00:00 What is HydroActive?
00:03:10 Demo starts
00:09:50 Primitives
00:12:40 Event listeners
00:15:43 Hydration
00:19:22 Host attribute hydration
00:22:00 Component lifecycle hooks
00:24:36 Effects
00:26:54 Disposed effects
00:28:43 Async effects
00:34:29 Hooks
00:37:17 Composing hooks
00:39:25 Component composition
00:45:15 Moving state
00:47:21 Higher-order components
00:48:14 Events
00:49:55 Context
00:56:15 Deferring hydration
00:58:46 Deferring composed components
01:00:27 Deferring with `is-land`
01:02:39 Class-based API
01:04:09 Outro