Quick Start
Developing online (in the Playground)
If you don't want the hassle of installing and configuring your system before you can have a taste of React NativeScript, the NativeScript Playground has you covered.
Although the online Playground is ready, the accompanying Preview and Playground apps are awaiting an update from RNS v0 to v1, so this workflow isn't supported yet. We're working on it. – 18th July 2020.
But if you already have your system ready for native development, you can start by using the tns-template-blank-react detailed in the next section.
Developing on desktop (via NativeScript CLI)
Provided you already have your system ready for native development (see Getting Started with NativeScript from the NativeScript official documentation), you can start by creating a NativeScript project using the React template:
tns create my-blank-react --react
cd my-blank-react
npm install
# The Preview and Playground apps are awaiting an update from
# RNS v0 to v1, so the `tns preview` workflow isn't supported
# yet. We're working on it. – 18th July 2020
#
# tns preview
# or
tns run ios
# or
tns run android
This set of commands performs the following operations on your system:
- Creates a project using the
tns-template-blank-reacttemplate. - Switches to the directory containing the newly created project.
- Installs any npm dependencies locally.
- If executing
tns preview, produces a QR code which can be used to preview the app on a device. - If executing
tns run, builds and runs the project on all connected devices or in native emulators.