https://github.com/nativescript-community/react-native-in-nativescript
Experiments to generate NativeScript bindings to React Native
https://github.com/nativescript-community/react-native-in-nativescript
Last synced: over 1 year ago
JSON representation
Experiments to generate NativeScript bindings to React Native
- Host: GitHub
- URL: https://github.com/nativescript-community/react-native-in-nativescript
- Owner: nativescript-community
- License: apache-2.0
- Created: 2021-02-08T21:30:29.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-02-21T14:56:01.000Z (over 5 years ago)
- Last Synced: 2025-02-15T01:49:40.988Z (over 1 year ago)
- Language: JavaScript
- Size: 1.42 MB
- Stars: 2
- Watchers: 4
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
**=== IMPORTANT**
**Download and Configure first:**
1. Download a zip of this repo
2. Unzip and name the folder appropriately (perhaps the name of the npm scope you intend to manage here)
3. Setup workspace: `npm run setup`
4. Configure your npm scope: `npm run config`
===
# @nativescript-community/\* plugins
```
npm run setup
npm start
```
- @nativescript-community/react-native
# 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 ❤️