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. -
SimpleLocalize
🌍 Official CLI for SimpleLocalize. Upload & download translations, extract translation keys from various project types. -
mighty-react-snippets
Crafty React & Redux snippets for Atom Editor
Scout APM: A developer's best friend. Try free for 14-days
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
--prefixflag:
$ 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.