story-tab alternatives and similar libraries
Based on the "Miscellaneous" category.
Alternatively, view story-tab alternatives based on common mentions on social networks and blogs.
-
react-styleguidist
Isolated React component development environment with a living style guide -
cosmos-js
Sandbox for developing and testing UI components in isolation -
react-atellier
The smartest way to share interactive components with your team. -
react-heatpack
A 'heatpack' command for quick React development with webpack hot reloading. -
component-controls
A next-generation tool to create blazing-fast documentation sites. -
react-demo-tab-cli
โก Create React components demos in a zap [Moved to: https://github.com/mkosir/demozap] -
mighty-react-snippets
Crafty React & Redux snippets for Atom Editor
Appwrite - The Open Source Firebase alternative introduces iOS support
Do you think we are missing an alternative of story-tab or a related project?
README
React DemoTab CLI ๐
Easily create demos of React components
[](demo.gif)
Maintaining example code and demo separately makes it painful, it's easy to get them out of sync ๐
Code can't lie, documentation can ๐ฅ
DemoTab CLI keeps your code up to date with demo ๐ช
Install
npm install -D react-demo-tab react-demo-tab-cli
Demo
Usage (3 steps)
To use CLI in your project:
- default export react components that you wish to create demos of
- name component file as
[filename].demotab.jsx
- run
$ npx react-demo-tab-cli generate
Use created demos ๐
Generated Demos
- By default generated demo files will be prefixed with
_
for example:
MyComponent.demotab.jsx
&MyComponent.demotab.css
->_MyComponent.jsx
- You can set custom prefix with
--prefix
flag:
$ demotab generate --prefix=CustomPrefix
Built with DemoTab
Manually create demos
If you wish to manually create demos instead via CLI, see React DemoTab.
License
[MIT](LICENSE)
*Note that all licence references and agreements mentioned in the story-tab README section above
are relevant to that project's source code only.