Provide core Atomico hooks for state, memoization, refs, and updates.
npx skills add https://github.com/atomicojs/atomico --skill atomico-hooks-core
Please help me install this Agent Skill. Skill: atomico-hooks-core Source: https://github.com/atomicojs/atomico/tree/main/.agents/skills/atomico-hooks-core Command: npx skills add https://github.com/atomicojs/atomico --skill atomico-hooks-core
Provides concise, predictable primitives to manage local reactive state, memoized computations, persistent references, host element access, forced updates, stable IDs, and low-level hook composition inside Atomico web components, avoiding ad-hoc state and DOM handling and differentiating from React hook semantics.
Import the Atomico hooks into your component and replace ad-hoc state and DOM logic with useState, useRef, useHost, useMemo, and useHook as needed.
High-intent search queries and answers about installing and using this skill.
Manage local state in Atomico web components using the useState hook for reactive values with strict equality setter behavior. It provides predictable primitives to handle component state without ad-hoc logic, differentiating from React hook semantics.
Memoize expensive computations in Atomico using the useMemo hook for caching calculated values and useCallback for stable function references. These performance primitives rely on dependency-driven memoization to avoid unnecessary recalculations during component re-renders.
Access DOM elements and the host custom element in Atomico using useRef for persistent typed references to elements and useHost to retrieve the custom element itself. These utilities streamline DOM and lifecycle handling inside web components.
Atomico provides the useId hook specifically for generating stable identifiers, which is essential for creating accessible form components. It ensures consistent label-input associations across re-renders without relying on manual ID generation.
Force re-renders in Atomico using the useUpdate hook, and build custom hooks using the useHook low-level primitive. These tools allow strict control over component update lifecycles and enable composition of custom hook logic.
These core hooks require Atomico version 1.79 or higher to ensure compatibility with stable hook lifecycles and strict equality setter behavior. Verify your project's Atomico dependency meets this minimum version requirement before implementation.
atomicojsGuide JSX patterns for type-safe Atomico web components.
atomicojsProvide bidirectional reactive access to Atomico component properties.
atomicojsCreates scoped, cacheable stylesheets for Atomico components using adoptedStyleSheets and CSS custom properties.
claudeforgeGuide React frontend architecture with compound components, hooks, and render props.
