uiengine

uiengine

UI 중심 개발을위한 Workbench : 개발자와 디자이너가 웹 사이트 및 앱을 구축하고 문서화 할 수있는 도구.

원한다면 유용…

• 살아있는 패턴 라이브러리를 만듭니다
• 디자인 시스템을 문서화하십시오
• 앱 구성 요소 및 템플릿이있는 프로토 타입
• 코드를 단일 진실의 원천으로 사용하십시오

⚒ 어떻게 작동합니까?

핵심적으로 Uiengine은 정적 사이트 생성기입니다. 독립형 모드에서 사용하거나 빌드 프로세스에 통합 될 수 있습니다.

➡️ 입력 : 프로젝트 구성 요소, 템플릿, 페이지 및 문서

⬅️ 출력 : 개발 및 배포 된 문서를위한 워크 벤치로 사용할 수있는 정적 사이트

프로젝트의 파일과 구조를 소비하고이를 기반으로 문서를 생성합니다. 개발 모드에서는 출력이 파일 변경시 재생되고 브라우저와 동기화됩니다. 이를 통해 구성 요소를 작성하고 프로토 타이핑 및 문서 작성을위한 개발 환경을 제공합니다.

? 주요 기능

• 템플릿 아그니케이션 : 다양한 템플릿 엔진이 어댑터를 통해 통합됩니다. 이를 통해 선택의 유연성과 사용자 정의를 통합하는 옵션을 제공합니다. JSX, VUE, EJS, PUG/JADE, HANDERBAR (JAVASCRIPT)을 통해 렌더링 할 수있는 것과 함께 작동합니다.
• 프로토 타이핑 환경 : 기존 백엔드/API없이 UI를 구축하십시오. 모의 데이터로 템플릿과 구성 요소를 렌더링하십시오. 뷰에 다른 데이터를 제공하여 페이지의 다양한 변형을 구축하십시오.
• 모범 사례 접근법 : 도구는 구성 요소 폴더 패턴, 모렛 워크 플로우와 같은 모범 사례를 안내하고 데이터 및 템플릿/구성 요소의 분리를 제안합니다.
• 최종 제품과 동기화 : 문서는 애플리케이션에 사용되는 코드에서 생성됩니다. 따라서 당신은 살아있는 패턴 라이브러리를 얻습니다. 정기적으로 돌봐야하는 별도의 것들이 아닙니다.
• 유연한 통합 : 템플릿 엔진을 구성하여 필요에 맞게 맞출 수 있습니다. 마크 다운 파싱/렌더링도 마찬가지입니다.
• 녹색 및 브라운 필드 프로젝트를 다루는 것 : 패턴 라이브러리로 시작하든 프로세스를 전환하고 기존 UI를 모듈 식 구성 요소로 재현하려면 UiEngine이 다루었습니다.

평가 프로세스의 경우 대안을 살펴볼 수도 있습니다.

? 전제 조건

UiEngine은 최소 Node.js 16.16 (최신 Active Node.js LTS 버전 추적)이 필요합니다. 이를 통해 합리적인 수준의 거꾸로 호환성이 보장됩니다.

? 대안

좋아, uiengine은 정말 멋져 보이지만 당신이 찾고있는 것이 아닙니다. 아니면 어떤 솔루션을 비교하여 어떤 솔루션이 올바른지 확인하고 싶습니까? 다음은 평가할 다른 프로젝트입니다.

• 스토리 북
• 패턴 실험실
• 또는 점점 커지는 유사한 도구 목록을 살펴보십시오.

? 개발

이 프로젝트를 좋아하고 참여에 관심이 있습니까? UIENGINE을 해킹 할 때 소개 및 워크 플로에 대한 개발 문서를 참조하십시오.

기고자

이 멋진 사람들에게 감사합니다.

Jan Persiel ?

cos anca ?

Michael Geers

Matteo fogli

조나스 havers

René Mäkeler

이 프로젝트는 All-Contritors 사양을 따릅니다. 모든 종류의 공헌을 환영합니다!

---

?? ?? ‍