django components Download - django components Source Code Download

django components

Code Source AI

1.0.0

Télécharger

Docs (travail en cours)

Django-Components est un package qui introduit une architecture basée sur des composants au rendu côté serveur de Django. Il vise à combiner le système de modèles de Django avec la modularité observée dans les frameworks de frontend modernes.

Caractéristiques

? Réutilisabilité: permet la création d'éléments d'interface utilisateur autonomes et réutilisables.
? Encapsulation: chaque composant peut inclure son propre HTML, CSS et JavaScript.
Rendu côté serveur: les composants rendent sur le serveur, améliorant les temps de chargement initiaux et le référencement.
? Django Integration: Fonctionne dans l'écosystème Django, en utilisant des concepts familiers comme les balises de modèle.
⚡ Chargement asynchrone: les composants peuvent rendre indépendamment l'ouverture de l'intégration avec des cadres JS comme HTMX ou AlpineJS.

Avantages potentiels:

Duplication de code réduite
Maintenabilité améliorée par conception modulaire
? Gestion plus facile des UIS complexes
? Collaboration améliorée entre les développeurs Frontend et Backend

Les composants Django peuvent être particulièrement utiles pour les projets Django plus importants qui nécessitent une approche plus structurée du développement de l'interface utilisateur, sans nécessiter un passage à un cadre frontal séparé.

Start

Django-Components vous permet de créer des blocs de code réutilisables nécessaires pour générer le code frontal dont vous avez besoin pour une application moderne.

Définissez un composant dans components/calendar/calendar.py comme ceci:

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

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

Avec ce template.html fichier:

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

Utilisez le composant comme ceci:

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

Et c'est ce qui est rendu:

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

Lisez la suite pour en savoir plus sur tous les détails passionnants et les possibilités de configuration!

(Si vous préférez plutôt sauter directement dans le code, consultez l'exemple de projet)

Notes de libération

Lisez les notes de version pour voir les dernières fonctionnalités et correctifs.

Exemples communautaires

L'un de nos objectifs avec django-components est de faciliter la partage des composants entre les projets. Si vous avez un ensemble de composants qui, selon vous, seraient utiles aux autres, veuillez ouvrir une demande de traction pour les ajouter à la liste ci-dessous.