django-components

What problem does it solve?

This Skill streamlines the creation and management of reusable UI components within Django projects, promoting code organization and maintainability.

Core Features & Use Cases

• Component Structure: Enforces a consistent directory structure for components (components/{name}/{name}.py, components/{name}/{name}.html).
• Python Class Registration: Guides the registration of components using @component.register and context data management.
• Template Composition: Demonstrates how to use slots ({% slot %}, {% fill %}) for dynamic content and composition.
• Integration: Shows integration with Alpine.js and HTMX for enhanced interactivity and dynamic content loading.
• Use Case: Develop a reusable "card" component that can display different content and actions, easily integrated across multiple Django templates.

Quick Start

Create a new reusable UI component by defining its Python class and HTML template within the components/ directory.