component

What problem does it solve?

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.

Core Features & Use Cases

• Component Lifecycle Management: Integrates with Taxi.js for init, createElements, createEvents, addEventListeners, removeEventListeners, and destroy hooks.
• Taxi Integration: Components are automatically re-initialized on page transitions, preventing memory leaks and ensuring correct state.
• Cross-Component Communication: Utilizes an Emitter for decoupled communication between components.
• Use Case: Build a reusable modal component that opens and closes on user interaction, and ensure it's correctly destroyed and re-created when navigating between pages.

Quick Start

Create a new component by extending ComponentCore and registering it in the components manager.