hairy-react-lib

Name: hairy-react-lib
Author: hairyf

github.com/hairyfDevelopment26749 installsUpdated 2w ago

About hairy-react-lib

hairy-react-lib is a collection of React hooks and components for application development. It covers async state, lifecycle and change watching, conditional rendering, and utilities such as an event bus and pagination.

Key features

01Async state and callback hooks
02Value watching and lifecycle hooks
03Conditional rendering components
04Error-safe hooks with fallbacks
05Event bus, pagination, and fetch interception

Use cases

01Managing asynchronous React state
02Rendering components conditionally
03Communicating across components
04Adding pagination or request interception

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/hairyf/skills --skill hairy-react-lib

After installing, type/hairy-react-libin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

LICENSE.md

SYNC.md

references/

advanced-event-bus.md

advanced-fetch-intercept.md

advanced-pagination.md

core-async-hooks.md

core-conditional.md

core-lifecycle-hooks.md

core-try-hooks.md

core-watch-hooks.md

Details

From the project README

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

Comments

Markdown supported

Details

Author: hairyf
Repository: hairyf/skills
Category: Development
Installs: 749
GitHub stars: 26

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

848.6k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.