Standardize and implement reusable Bellog React hooks for UI features.
npx skills add https://github.com/whddltjdwhd/bellog --skill bellog-hooks
Please help me install this Agent Skill. Skill: bellog-hooks Source: https://github.com/whddltjdwhd/bellog/tree/main/.claude/skills/bellog-hooks Command: npx skills add https://github.com/whddltjdwhd/bellog --skill bellog-hooks
This Skill standardizes and documents best practices for creating reusable React hooks within the Bellog project, ensuring consistent patterns and safer, more maintainable code.
Create a small Bellog-style custom hook to track element visibility using the described patterns.
High-intent search queries and answers about installing and using this skill.
You can standardize React hooks patterns by using documented templates for scroll-based and IntersectionObserver hooks, ensuring consistent use prefixed files within a TypeScript project for safer, maintainable code.
The best way to structure custom hooks for blog UI components is placing use prefixed TypeScript files in a dedicated hooks directory, following naming conventions with built-in cleanup and performance optimizations.
Yes, TypeScript is required to use these React hooks templates. You also need React and a dedicated directory with use prefixed files following the established naming conventions for proper integration.
An IntersectionObserver hook handles viewport detection by observing elements and triggering callbacks when they enter the viewport, enabling lazy loading and analytics with proper cleanup to prevent memory leaks.
Yes, you can use these React hooks patterns for content processing features like a table of contents. The patterns cover scroll tracking, observer-based detection, and content processing for interactive blog features.
These React hooks templates include documented performance considerations such as proper cleanup functions for observers and event listeners, preventing memory leaks in scroll-tracking and viewport detection hooks.
SumitRajpalGenerate React hooks with TypeScript typings and test files.
PatternsDevLazy-load UI components when they enter the viewport using IntersectionObserver.
linehaul-aiBuild node-based editors and interactive flow visualizations with Svelte Flow.
mohamedgshoaibImplement list virtualization with react-window to render visible subsets of large datasets.
