Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nativescript/storybook
📚 Storybook for NativeScript 📲
https://github.com/nativescript/storybook
android ios javascript nativescript storybook storybookjs typescript
Last synced: about 11 hours ago
JSON representation
📚 Storybook for NativeScript 📲
- Host: GitHub
- URL: https://github.com/nativescript/storybook
- Owner: NativeScript
- License: apache-2.0
- Created: 2022-07-06T00:47:24.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-02T04:24:01.000Z (over 1 year ago)
- Last Synced: 2024-05-23T10:01:51.178Z (4 months ago)
- Topics: android, ios, javascript, nativescript, storybook, storybookjs, typescript
- Language: TypeScript
- Homepage: https://storybook.js.org/
- Size: 1.73 MB
- Stars: 7
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
- [@nativescript/storybook](packages/storybook/README.md)
# How to use?
This workspace manages the suite of plugins listed above.
In general, when in doubt with what to do, just `npm start`.
## How to add a new package to workspace?
```
npm run add
```
At the prompt, enter the name of the new package.
- This adds a plugin harness in `packages` with the necessary boilerplate to just start developing
- Updates all demo app flavors to support demoing the new package
- Adds shared code in `tools/demo` where you can write demo code **once** and share across all demo flavors
- Updates build tooling to support the new package
- Updates the `npm start` interactive display
- Updates the README here to list the new package
## How to add Angular compatibility to a package
```
npm run add-angular
```
At the prompt, enter the name of the package to add an `angular` folder to it with the necessary boilerplate to provide Angular support to the package.
## How to focus on just 1 package to develop in isolation
```
npm start
```
- Choose the focus commands for the package you wish to focus on and hit enter.
- All the demo app's will be updated to isolate that 1 package and for supported IDE's (currently VS Code), the source code will also become isolated in the workspace.
Note: *good to always clean the demo you plan to run after focusing. (You can clean any demo from `npm start` as well)*
## How to publish packages?
```
npm run publish-packages
```
- You will be prompted for the package names to publish. Leaving blank and hitting enter will publish them all.
- You will then be prompted for the version to use. Leaving blank will auto bump the patch version (it also handles prerelease types like alpha, beta, rc, etc. - It even auto tags the corresponding prelease type on npm).
- You will then be given a brief sanity check 🧠😊
Made with ❤️