{"repo":"malcolm-kee/react-showroom","free":true,"listed":false,"github":"https://github.com/malcolm-kee/react-showroom","clone":"git clone https://github.com/malcolm-kee/react-showroom.git","description":"Document React components by declaring props definition and writing markdown.","language":"TypeScript","stars":46,"topics":["react","typescript","showroom","component-library"],"license":null,"category":"ui-components","readme_excerpt":"react-showroom https://react-showroom.js.org/ Document React components by declaring props definition and writing markdown. Key Features - Auto generate documentations for your component props from the component's TypeScript definition. - Write markdown to show examples to use the component, which will become an editable playground. - Auto generated props control/knobs based on component props type definitions. - Supported languages for live examples: typescript (TSX and TS), javascript (JSX and JS), and HTML. - Improve collaborations: edit code/add comments on specific examples with shareable URL without any backend. - Ensure the components are SSR-friendly - the site can be pre-render on build time. Built With - webpack - esbuild - react-docgen-typescript - Stitches - Radix Primitives - xdm Inspired by This project is largely inspired by React Styleguidist. To be honest this project was started as my plan to rewrite it to understand how it works. The standalone editor view is inspired by Playroom. Philosophy The philosophy of React Showroom is that you should be continuing your existing workflow (declaring component props/writing standard markdown) and the Showroom is just an automatic side product (hopefully a valuable one) of that workflow. This is in contrast with Storybook where it aims to be central part of your development workflow (and requires you to write examples/documentations in a special format). We believe that compared to languages (TypeScript and markdown), ","default_branch":null,"files":null,"tree":[],"storefront":"/r/malcolm-kee","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/malcolm-kee/react-showroom/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}