storybook

Storybook은 UI 컴포넌트와 페이지를 독립적으로 구축하기 위한 프론트엔드 워크숍으로 설명됩니다. 수천 개의 팀이 UI 개발, 테스트 및 문서화에 이를 사용하고 있습니다. 이 프로젝트는 문서 사이트와 팀들이 Storybook을 어떻게 사용하는지 보여주는 Component Encyclopedia를 제공합니다. Stackblitz의 storybook.new를 통해 예제 프로젝트를 빠르게 생성할 수 있습니다. Storybook은 React, Angular, Vue 3, Web components, React Native, HTML, Ember, Svelte, Preact, Qwik, SolidJS를 지원하며, native 프로젝트를 통해 Android, iOS, Flutter에 대한 추가 지원을 제공합니다. 또한 다양한 작업을 위한 애드온이 포함되어 있습니다: 접근성 테스트를 위한 a11y, 상호작용 로깅을 위한 actions, backgrounds, cssresources, design assets, 문서화를 위한 docs, events, google-analytics, graphql, 단위 테스트 결과를 위한 jest, 스토리 간의 links, 레이아웃 검사를 위한 measure 및 outline, query params 모킹, 그리고 반응형 레이아웃을 위한 viewport가 있습니다. README에서는 info/notes, contexts, addon-storyshots의 지원 중단 및 마이그레이션을 언급하며 더 최신 대안을 권장합니다. 커뮤니티 리소스로는 Discord, Twitter/X의 @storybookjs, 블로그 및 Medium, YouTube가 있습니다. Storybook은 yarn start, yarn task, yarn lint, yarn test와 같은 개발 스크립트를 갖춘 모노레포 형태로 구성되어 있으며, MIT 라이선스를 따릅니다.