hairy-react-lib
React hooks and components library for async state, reactive watching, lifecycle management, and error handling.
- Includes async hooks for state management and callbacks, watch hooks for reactive value tracking, and lifecycle utilities for component mounting
- Provides conditional rendering components (If/Else, Switch/Case) and error-safe hooks with built-in fallback behavior
- Offers advanced features: cross-component event bus, offset-based pagination, and fetch request/response interception
- Organized into five core modules plus three advanced feature sets, all documented with dedicated references
Based on @hairy/react-lib v1.47.0. Focuses on React hooks and components for building React applications.
Core References
| Topic | Description | Reference |
|---|---|---|
| Async Hooks | Async state management and callback handling | core-async-hooks |
| Watch Hooks | Reactive value watching and change detection | core-watch-hooks |
| Lifecycle Hooks | Component lifecycle and mounting utilities | core-lifecycle-hooks |
| Conditional Components | If/Else, Switch/Case components for conditional rendering | core-conditional |
| Try Hooks | Error-safe React hooks with fallback behavior | core-try-hooks |
Advanced Features
| Topic | Description | Reference |
|---|---|---|
| Event Bus | Cross-component event communication | advanced-event-bus |
| Pagination | Offset-based pagination hook | advanced-pagination |
| Fetch Intercept | Request/response interception utilities | advanced-fetch-intercept |
More from hairyf/skills
tailwindcss
Tailwind CSS utility-first CSS framework. Use when styling web applications with utility classes, building responsive designs, or customizing design systems with theme variables.
1.7Khairy-utils
Comprehensive skills for working with @hairy/utils core utilities
891motion
Motion animation library for JavaScript, React and Vue. Use when creating animations, gestures, layout transitions, scroll-linked effects, or working with motion values and animation controls.
763next
Next.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, data fetching, caching, Server Actions, or building full-stack React applications.
714react-use
Collection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management
692valtio
Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.
636