https://github.com/nstudio/nativescript-ui-kit
UI Kit for NativeScript
https://github.com/nstudio/nativescript-ui-kit
Last synced: about 1 year ago
JSON representation
UI Kit for NativeScript
- Host: GitHub
- URL: https://github.com/nstudio/nativescript-ui-kit
- Owner: nstudio
- License: apache-2.0
- Created: 2021-10-09T16:25:47.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-11T03:11:32.000Z (over 1 year ago)
- Last Synced: 2025-04-09T18:17:51.197Z (about 1 year ago)
- Language: TypeScript
- Size: 10.2 MB
- Stars: 27
- Watchers: 6
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
- [@nstudio/nativescript-coachmarks](packages/nativescript-coachmarks/README.md)
- [@nstudio/nativescript-fluid-segmented-bar](packages/nativescript-fluid-segmented-bar/README.md)
- [nativescript-fonticon](packages/nativescript-fonticon/README.md)
- [@nstudio/nativescript-label-marquee](packages/nativescript-label-marquee/README.md)
- [@nstudio/nativescript-markdown-view](packages/nativescript-markdown-view/README.md)
- [@nstudio/nativescript-parallax](packages/nativescript-parallax/README.md)
- [@nstudio/nativescript-shimmer](packages/nativescript-shimmer/README.md)
- [@nstudio/nativescript-smartlook](packages/nativescript-smartlook/README.md)
- [@nstudio/nativescript-variable-blur-view](packages/nativescript-variable-blur-view/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 ❤️