프로젝트 소개

Braid는 SEEK Group을 위한 테마 가능 디자인 시스템으로, npm에 braid-design-system으로 게시됩니다. README에는 sku 프로젝트에 최적화된 설정 방법이 설명되어 있습니다. 패키지를 설치한 후, CSS 순서 문제를 방지하기 위해 애플리케이션 최상단에서 리셋 스타일을 먼저 임포트하고, seekJobs와 같은 테마와 BraidProvider 및 컴포넌트를 임포트합니다. Provider는 theme prop을 받아 컴포넌트를 렌더링하며, styleBody={false}를 통해 바디 스타일 적용을 제외할 수 있습니다. React Router 링크와 통합하는 등 Link 및 TextLink 구현을 커스터마이징하려면 makeLinkComponent를 사용하여 linkComponent를 통해 커스텀 링크 컴포넌트를 제공할 수 있습니다. 로컬 개발에는 pnpm과 Storybook이 사용됩니다. Braid는 스타일링을 위해 Vanilla Extract를 사용하며, TypeScript로 CSS를 작성하여 정적으로 atomic CSS 클래스로 추출하므로 번들러 플러그인이 필요합니다. 컴포넌트 사용 확인을 위해 assert 라이브러리의 런타임 어설션이 사용됩니다. README에서는 sku 및 Babel에서 수행하는 것처럼 unassert를 사용하여 프로덕션 환경에서 이를 제거할 것을 권장합니다. 지원 중단(deprecation)과 같은 개발 및 빌드 시간 경고는 process.env.NODE_ENV에 의존하며 프로덕션 번들에서 제거될 수 있습니다. 기여 관련 정보는 CONTRIBUTING.md에 있습니다. Storybook 기반의 컴포넌트 스크린샷 테스트를 지원하는 Chromatic에 감사를 표합니다. 라이선스는 MIT입니다.