atomico-hooks-effects

What problem does it solve?

Atomico hooks provide a consistent way to manage side effects and lifecycle for web components, bridging the gap between React-like patterns and the web component lifecycle.

Core Features & Use Cases

• Use useEffect for post-render asynchronous operations such as data fetching and subscriptions.
• Use useLayoutEffect for synchronous DOM measurements and mutations after updates.
• Use useInsertionEffect for pre-paint DOM tweaks and style injections.
• Maps lifecycle callbacks (connectedCallback / disconnectedCallback) to hook-based effects, reducing boilerplate and errors.

Quick Start

Import c and the hooks from atomico and begin using these hooks in your components.