프로젝트 소개

GitLab UI for React (glui)는 GitLab의 Pajamas Design System 기반 컴포넌트 라이브러리를 React로 포팅한 프로젝트입니다. GitLab은 Vue용 UI 구현체를 업스트림으로 공개하고 있으며 React는 공식적으로 지원하지 않습니다. 이 프로젝트는 업스트림 컴포넌트의 외관, 동작, 상호작용 패턴 및 접근성을 유지하면서도 관용적이고 타입 안정성이 보장된 React API를 제공하는 것을 목표로 해당 컴포넌트 세트를 React로 재구현합니다. 상태 README에 명시된 바와 같이, 이 프로젝트는 현재 집중 개발 단계에 있습니다. 또한 대부분의 코드와 테스트가 AI 도구(Codex 및 Kimi Code)로 작성되었다는 경고가 포함되어 있습니다. 아키텍처, 우선순위 및 설계 결정은 사람이 설정했지만 대부분의 코드를 한 줄씩 검토하지는 않았으므로, 유지 관리자는 사용자가 위험을 감수하고 사용할 것을 요청합니다. README 기준 현재 제공 기능: - packages/tokens 하위의 배포 가능한 GitLab 디자인 토큰 패키지 (전체 토큰 참조는 공식 Design Token Directory 참조). - packages/styles/src의 기초 스타일 및 packages/styles/dist/gitlab-ui.css의 사전 빌드된 스타일시트 번들. - GlButton, GlLink, GlBadge, GlCard를 포함한 기본 컴포넌트. README 기준 진행 중인 작업: - 폼(Form) 컴포넌트. - 고급 복합 컴포넌트. - 차트 컴포넌트. - 패키지 배포 워크플로우. - 문서화. - 호환성 및 API 일관성 확인. 프로젝트 리소스 - 웹사이트: https://glui.nocp.space - Storybook: https://glui-story.nocp.space - 관련 업스트림 디자인 리소스 (Pajamas Design System): https://design.gitlab.com - 업스트림 저장소: https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com 저장소에는 CI 워크플로우 배지가 포함되어 있으며, 포크 및 풀 리퀘스트를 통한 기여를 환영합니다 (README는 포크에서 풀 리퀘스트를 생성하는 GitHub 가이드를 안내합니다). 이 프로젝트는 MIT 라이선스 하에 제공됩니다. 권장 대상 GitLab 디자인 시스템과 유사한 외관과 동작을 가진 React 인터페이스를 구축하려는 팀, 또는 React 친화적인 배포판으로 GitLab 디자인 토큰과 기본 스타일을 사용하려는 사용자에게 적합합니다. 명시된 개발 상태와 AI 중심의 코드 생성 배경으로 인해, 프로덕션 환경에 적용하기 전 신중하게 평가하시기 바랍니다.