django components

Документы (работа в процессе)

Django-Components-это пакет, который вводит архитектуру на основе компонентов в рендеринг на стороне сервера Django. Он направлен на то, чтобы объединить шаблонную систему Джанго с модульностью, наблюдаемой в современных фронтальных рамках.

Функции

1. ? Воспродажи: позволяет создавать автономные, многоразовые элементы пользовательского интерфейса.
2. ? Инкапсуляция: каждый компонент может включать в себя свой собственный HTML, CSS и JavaScript.
3. Рендеринг на стороне сервера: компоненты рендеринг на сервере, улучшая начальные время загрузки и SEO.
4. ? Интеграция Django: работает в экосистеме Django, используя знакомые концепции, такие как теги шаблонов.
5. ⚡ Асинхронная нагрузка: компоненты могут отображаться самостоятельно открывать для интеграции с фреймворками JS, такими как HTMX или AlpineJS.

Потенциальные преимущества:

• Снижение дублирования кода
• Улучшенная обслуживаемость с помощью модульной конструкции
• ? Более легкое управление сложными интерфейсами
• ? Усовершенствованное сотрудничество между разработчиками Frontend и Backend

Джангокомпоненты могут быть особенно полезны для более крупных проектов Django, которые требуют более структурированного подхода к разработке пользовательского интерфейса, без необходимости перехода к отдельной фронтальной структуре.

QuickStart

Django-Components позволяет создавать многоразовые блоки кода, необходимые для создания необходимого вам кода переднего конечного конечности для современного приложения.

Определите компонент в components/calendar/calendar.py

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

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

С помощью этого файла template.html :

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

Используйте компонент как это:

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

И это то, что отображается:

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

Читайте дальше, чтобы узнать обо всех интересных деталях и возможностях конфигурации!

(Если вы вместо этого предпочитаете прыгать прямо в код, ознакомьтесь с примером проекта)

Выпуск заметок

Прочитайте заметки о выпуске, чтобы увидеть последние функции и исправления.

Примеры сообщества

Одна из наших целей с django-components -это облегчение обмена компонентами между проектами. Если у вас есть набор компонентов, которые, по вашему мнению, были бы полезны для других, пожалуйста, откройте запрос на привлечение, чтобы добавить их в список ниже.

• Компоненты Django-HTMX: набор компонентов для использования с HTMX. Попробуйте живую демонстрацию.

Вклад и развитие

Принять участие или спонсировать этот проект - см. Здесь

Запуск Django -Components локально для разработки - см. Здесь