Download django components - django components Download de código fonte

django components

Código-Fonte de IA

1.0.0

Baixar

Documentos (trabalho em andamento)

O Django-Components é um pacote que apresenta a arquitetura baseada em componentes na renderização do lado do servidor de Django. O objetivo é combinar o sistema de modelos de Django com a modularidade vista nas estruturas modernas do front -end.

Características

? REUSIBILIDADE: Permite a criação de elementos de interface de interface do UI independentes e independentes.
? Encapsulamento: Cada componente pode incluir seu próprio HTML, CSS e JavaScript.
Renderização do lado do servidor: os componentes renderizam no servidor, melhorando os tempos iniciais de carregamento e o SEO.
? Integração do Django: funciona dentro do ecossistema Django, usando conceitos familiares como tags de modelo.
⚡ Carregamento assíncrono: os componentes podem renderizar independentemente a integração com estruturas JS como HTMX ou Alpinejs.

Benefícios potenciais:

Duplicação reduzida de código
Melhor capacidade de manutenção através do design modular
? Gestão mais fácil de UIs complexas
? Colaboração aprimorada entre desenvolvedores de front -end e back -end

Os componentes de Django podem ser particularmente úteis para projetos maiores de Django que exigem uma abordagem mais estruturada para o desenvolvimento da interface do usuário, sem exigir uma mudança para uma estrutura de front-end separada.

Investir rápido

O Django-Components permite criar blocos de código reutilizáveis necessários para gerar o código de extremidade frontal necessário para um aplicativo moderno.

Defina um componente em components/calendar/calendar.py como este:

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

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

Com este modelo template.html :

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

Use o componente como este:

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

E é isso que é renderizado:

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

Continue lendo para aprender sobre todos os detalhes interessantes e possibilidades de configuração!

(Se você preferir pular direto no código, consulte o projeto de exemplo)

Notas de liberação

Leia as notas de versão para ver os recursos e correções mais recentes.

Exemplos da comunidade

Um de nossos objetivos com django-components é facilitar o compartilhamento de componentes entre os projetos. Se você tiver um conjunto de componentes que você acha que seria útil para outras pessoas, abra uma solicitação de tração para adicioná -los à lista abaixo.