살아있는 스타일 가이드와 함께 고립 된 반응 부품 개발 환경
React Styleguidist는 핫 재 장전 DEV 서버와 팀과 공유 할 수있는 Living Style Guide를 갖춘 구성 요소 개발 환경입니다. Markdown 파일을 기반으로 구성 propTypes 나열하고 편집 가능한 사용 가능한 사용 예제를 표시합니다. 데모 스타일 가이드를 확인하십시오.
용법
- 시작하기 : Style Guidist를 설치하고 실행합니다
- 구성 요소 문서화 : 문서 작성 방법
- 구성 요소 찾기 : REACT 구성 요소에 Point Style Guidist
- 웹 팩 구성 : StyleGuidist에게 코드를로드하는 방법을 알려줍니다
- 요리 책 : Styleguidist와 함께 일반적인 작업을 해결하는 방법
고급 문서
- 구성
- CLI 명령 및 옵션
- node.js api
예
- 기본 스타일 가이드, 출처
- 섹션, 소스가있는 스타일 가이드
- 맞춤형 스타일이있는 스타일 가이드, 소스
- 사용자 정의 익스프레스 엔드 포인트가있는 스타일 가이드, 소스
- React 앱 통합, 소스를 만듭니다
유리 진열장
React Styleguidist를 사용한 실제 프로젝트 :
- 럼블 차트
- 더 나은 반응 스핀킷
- 반응을위한 시맨틱 UI 구성 요소
- 대화 상자 구성 요소
- Bulma 구성 요소
- Yammer 구성 요소
- 더 많은 프로젝트…
다른 도구와 통합
- React App 만들기 - 상자 밖으로 지원되며 시작 가이드를 참조하십시오.
- Vue, Vue Styleguidist를 참조하십시오
타사 도구
- Snapguidist : React Styleguidist에 대한 Snapshot 테스트
- React-Styleguidist-Visual : Puppeteer 및 Pixelmatch를 사용하는 React Styleguidist에 대한 자동화 된 시각적 테스트
- Styleguidist-Scrapper : React Styleguidist가 생성 한 문서를위한 스크래퍼 스크립트
자원
- Sara Vieira의 Styleguide Driven Development Talk의 꿈
- Robert Haritonov의 React Components Library Talk 구축
- 치즈라고 말하십시오 : 스냅 샷과 시각적 테스트
- React Styleguidist에 대한 Artem Sapegin과의 인터뷰.
로그 변경
변경 로그는 릴리스 페이지에서 찾을 수 있습니다.
기여
모두가 기여할 수 있습니다. 기고 가이드 라인과 개발자 안내서를 읽으십시오.
후원
귀하의 사이트에 대한 링크를 통해 스폰서가되어 Github의 README에 로고를 받으십시오.
귀하의 사이트에 대한 링크와 함께 Github의 Readme에서 이미지를 후원자가 되십시오.
저자와 라이센스
Artem Sapegin 및 기고자.
Sara Vieira와 Andrey Okonetchnikov의 로고.
MIT 라이센스, 포함 된 라이센스 .md 파일을 참조하십시오.
