댓글 검색 목록

[javascript] React, Vue, Angular 등을 위해 분리 된 UI 구성 요소를 개발하기 위한 오픈 소스 도구

페이지 정보

작성자 운영자 작성일 20-08-15 10:42 조회 623 댓글 0

방탄 UI 구성 요소를 더 빠르게 구축


Storybook은 React, Vue, Angular 등을 위해 분리 된 UI 구성 요소를 개발하기 위한 오픈 소스 도구입니다. 멋진 UI를 체계적이고 효율적으로 구축 할 수 있습니다.


https://storybook.js.org/ 

https://github.com/storybookjs/storybook 


storybook-intro.gif 


Storybook은 UI 구성 요소를 위한 개발 환경입니다. 이를 통해 구성 요소 라이브러리를 탐색하고, 각 구성 요소의 다양한 상태를 보고, 구성 요소를 대화식으로 개발 및 테스트 할 수 있습니다.


소개

Storybook은 앱 외부에서 실행됩니다. 이를 통해 UI 구성 요소를 별도로 개발할 수 있으므로 구성 요소 재사용, 테스트 가능성 및 개발 속도를 향상 시킬 수 있습니다. 애플리케이션 별 종속성에 대해 걱정할 필요 없이 빠르게 빌드 할 수 있습니다.


다음은 Storybook의 작동 방식을 확인하기 위해 참조 할 수 있는 몇 가지 주요 예입니다. https://storybook.js.org/docs/examples/


Storybook에는 구성 요소 디자인, 문서화, 테스트, 상호 작용 등을 위한 많은 애드온이 포함되어 있습니다. 

Storybook의 API를 사용하면 다양한 방식으로 구성하고 확장 할 수 있습니다. 모바일 용 React Native 개발을 지원하도록 확장되었습니다.



댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.