Descarga django components - Descargar el código fuente django components

django components

Código Fuente de IA

1.0.0

Descargar

Documentos (trabajo en progreso)

Django-Components es un paquete que introduce una arquitectura basada en componentes para la representación del lado del servidor de Django. Su objetivo es combinar el sistema de plantillas de Django con la modularidad observada en los marcos modernos de frontend.

Características

? Reutilización: permite la creación de elementos de UI reutilizables y autónomos.
? Encapsulación: cada componente puede incluir su propio HTML, CSS y JavaScript.
Representación del lado del servidor: los componentes se renderizan en el servidor, mejorando los tiempos de carga iniciales y el SEO.
? Integración de Django: funciona dentro del ecosistema Django, utilizando conceptos familiares como etiquetas de plantilla.
⚡ Carga asíncrona: los componentes pueden hacer que se abran de forma independiente para la integración con marcos JS como HTMX o AlpineJS.

Beneficios potenciales:

Duplicación de código reducido
Mantenibilidad mejorada a través del diseño modular
? Gestión más fácil de UI complejas
? Colaboración mejorada entre los desarrolladores de frontend y backend

Los componentes Django pueden ser particularmente útiles para proyectos de Django más grandes que requieren un enfoque más estructurado para el desarrollo de la UI, sin requerir un cambio a un marco frontend por separado.

Inicio rápido

Django-componentes le permite crear bloques de código reutilizables necesarios para generar el código frontal que necesita para una aplicación moderna.

Defina un componente en components/calendar/calendar.py como este:

 @ register ( "calendar" )
class Calendar ( Component ):
    template_name = "template.html"

    def get_context_data ( self , date ):
        return { "date" : date }

Con este archivo template.html :

< div class = " calendar-component " >Today's date is < span >{{ date }}</ span ></ div >

Use el componente como este:

 {% component "calendar" date = "2024-11-06" %}{% endcomponent %}

Y esto es lo que se representa:

 < div class =" calendar-component " > Today's date is < span > 2024-11-06 </ span > </ div >

¡Siga leyendo para conocer todos los detalles emocionantes y las posibilidades de configuración!

(Si en su lugar prefiere saltar directamente al código, consulte el proyecto de ejemplo)

Notas de lanzamiento

Lea las notas de la versión para ver las últimas características y correcciones.

Ejemplos de la comunidad

Uno de nuestros objetivos con django-components es facilitar compartir componentes entre proyectos. Si tiene un conjunto de componentes que cree que serían útiles para los demás, abra una solicitud de extracción para agregarlos a la lista a continuación.