Create an Addon
  • 소개
  • 설치
  • 상태 추적하기
  • 데코레이터
  • 프리셋
  • 카탈로그에 추가하세요
  • 결론
Framework:
React

결론

스토리북의 확장과 자동화를 도와주세요

축하합니다! 첫번째 스토리북(Storybook) 애드온(addon)을 만들어보고 출시도 해보았습니다. 그 과정을 통해 스토리북의 내부 작동방식과 커스텀 하는 방법을 배워봤습니다. 자바스크립트 개발자의 42%는 이미 스토리북을 사용하고 있습니다. 동적 애드온 생태계가 주된 이유 중 하나입니다.

애드온을 만들어서 커뮤니티가 스토리북을 커스텀하고, 자동화할 수 있도록 도와주세요!

시작은 간단합니다. 애드온 키트는 애드온을 구축하는 데 필요한 모든 것을 제공합니다. 애드온 API를 사용해서 새로운 기능을 추가하고, 작업 흐름(workflow)을 자동화하고, 즐겨 쓰는 라이브러리와 통합할 수 있습니다. 또한, 애드온 카탈로그를 통해 애드온을 수천만명의 개발자와 함께 공유할 수 있습니다.

더 알아보기

애드온 공식문서는 더 많은 가이드, 코드 샘플, 지식으로 가득한 레시피를 제공합니다.

저희와 함께 코딩한다면, 저장소는 다음과 같아야 합니다: 애드온 저장소 예시. 이 예시는 스토리북 애드온 개요를 기반으로 하고 있습니다.

스토리북 공식 페이지 를 통해 Pseudo States, 다크 모드, 다른 모든 공식 애드온을 참고할 수 있습니다.

여기까지 함께해주셔서 감사합니다. 유용한 블로그와 가이드가 게시될 때 알림을 받으려면 스토리북 이메일 구독 계정을 등록해주세요.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
✍️ Edit on GitHub – PRs welcome!
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTelemetryTeam
Community GitHub Twitter Discord chat Youtube Component Driven UIs
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify