django components

문서 (진행중인 작업)

Django-Components는 컴포넌트 기반 아키텍처를 Django의 서버 측 렌더링에 소개하는 패키지입니다. Django의 템플릿 시스템을 현대 프론트 엔드 프레임 워크에서 볼 수있는 모듈성과 결합하는 것을 목표로합니다.

특징

1. ? 재사용 성 : 독립적 인 재사용 가능한 UI 요소를 생성 할 수 있습니다.
2. ? 캡슐화 : 각 구성 요소에는 자체 HTML, CSS 및 JavaScript가 포함될 수 있습니다.
3. 서버 측 렌더링 : 구성 요소는 서버에서 렌더링하여 초기로드 시간과 SEO를 향상시킵니다.
4. ? Django 통합 : 템플릿 태그와 같은 친숙한 개념을 사용하여 Django 생태계 내에서 작동합니다.
5. ⚡ 비동기 부하 : 구성 요소는 HTMX 또는 AlpineJS와 같은 JS 프레임 워크와 통합을 위해 독립적으로 열 수 있습니다.

잠재적 인 혜택 :

• 코드 복제 감소
• 모듈 식 설계를 통한 유지 관리 가능성
• ? 복잡한 UI의 더 쉬운 관리
• ? 프론트 엔드와 백엔드 개발자 간의 협업이 향상되었습니다

Django 경쟁자는 별도의 프론트 엔드 프레임 워크로의 전환없이 UI 개발에보다 체계적인 접근이 필요한 더 큰 Django 프로젝트에 특히 유용 할 수 있습니다.

QuickStart

Django 경쟁자를 사용하면 최신 앱에 필요한 프론트 엔드 코드를 생성하는 데 필요한 재사용 가능한 코드 블록을 만들 수 있습니다.

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-Components : HTMX와 함께 사용할 수있는 일련의 구성 요소 세트. 라이브 데모를 시험해보십시오.

기고 및 개발

이 프로젝트에 참여하거나 후원하십시오 - 여기를 참조하십시오

개발을 위해 현지에서 Django 경쟁을 실행 - 여기를 참조하십시오