Manage DOM component lifecycles with Taxi.js integration and event emitter.
npx skills add https://github.com/BamoJ/playfight-2k26 --skill component-bamoj
Please help me install this Agent Skill. Skill: component Source: https://github.com/BamoJ/playfight-2k26/tree/main/.claude/skills/component Command: npx skills add https://github.com/BamoJ/playfight-2k26 --skill component-bamoj
This Skill provides a robust framework for building and managing interactive DOM components, ensuring they integrate seamlessly with page transitions and maintain proper lifecycle management.
init, createElements, createEvents, addEventListeners, removeEventListeners, and destroy hooks.Create a new component by extending ComponentCore and registering it in the components manager.
High-intent search queries and answers about installing and using this skill.
Manage DOM component lifecycles during page transitions by extending a structured base class that integrates with Taxi.js, automatically handling initialization and destruction hooks to prevent memory leaks.
Prevent memory leaks in interactive widgets by using a framework that automatically calls removeEventListeners and destroy hooks during page transitions, ensuring correct state cleanup before re-initialization.
Cross-component communication works via an integrated Emitter that enables decoupled interactions, allowing separate UI elements like menus and modals to broadcast and listen for events without direct dependencies.
Yes, you can build reusable modal components that destroy correctly by utilizing the createElements, addEventListeners, and destroy lifecycle hooks to ensure proper cleanup when navigating between pages.
You need Taxi.js or a similar page routing system to trigger the automatic re-initialization of components, though the structured base class independently handles efficient DOM querying and event listener management.
BamoJOrchestrate SPA page transitions with Taxi.js, Lenis, and WebGL.
jidohyunWrap Flutter widgets as WebF custom elements for web apps.
erichugyImplement a typed publish/subscribe event bus with subscription management and cleanup.
grvpanchalManage JavaScript event delegation, passive listeners, and cleanup patterns.