|
1 | | -# React NativeScript Blank Template |
2 | | - |
| 1 | +# NativeScript with React Blank Template |
3 | 2 | App templates help you jump start your native cross-platform apps with built-in UI elements and best practices. Save time writing boilerplate code over and over again when you create new apps. |
4 | 3 |
|
5 | | -## Quick Start from NPM package |
| 4 | +## Quick Start |
6 | 5 | Execute the following command to create an app from this template: |
7 | 6 |
|
8 | 7 | ``` |
9 | | -ns create my-blank-react --react |
10 | | -
|
11 | | -cd my-blank-react |
12 | | -npm install |
13 | | -
|
14 | | -ns preview |
15 | | -# or |
16 | | -ns run android |
17 | | -# or |
18 | | -ns run ios |
19 | | -``` |
20 | | - |
21 | | -> Note: This command will create a new NativeScript app that uses the latest version of this template published to [npm](https://www.npmjs.com/package/tns-template-blank-react). |
22 | | -
|
23 | | -<!-- |
24 | | -## Quick start from the latest master |
25 | | -
|
26 | | -```sh |
27 | | -ns create my-blank-react --template https://github.com/shirakaba/tns-template-blank-react/tarball/master |
| 8 | +ns create my-blank-react --template @nativescript/template-blank-react |
28 | 9 | ``` |
29 | 10 |
|
30 | | -## Building from a local clone of the repo |
| 11 | +> Note: This command will create a new NativeScript app that uses the latest version of this template published to [npm](https://www.npmjs.com/package/@nativescript/template-blank-react). |
31 | 12 |
|
32 | 13 | If you want to create a new app that uses the source of the template from the `master` branch, you can execute the following: |
33 | 14 |
|
34 | 15 | ``` |
35 | 16 | # clone nativescript-app-templates monorepo locally |
36 | | -git clone https://github.com/shirakaba/tns-template-blank-react.git |
| 17 | +git clone git@github.com:NativeScript/nativescript-app-templates.git |
37 | 18 |
|
38 | 19 | # create app template from local source (all templates are in the 'packages' subfolder of the monorepo) |
39 | | -ns create my-blank-react --template tns-template-blank-react |
40 | | -
|
41 | | -cd my-blank-react |
42 | | -npm install |
43 | | -
|
44 | | -ns preview |
45 | | -# or |
46 | | -ns run android |
47 | | -# or |
48 | | -ns run ios |
| 20 | +ns create my-blank-react --template nativescript-app-templates/packages/template-blank-react |
49 | 21 | ``` |
50 | | ---> |
51 | | - |
52 | | -**NB:** Please, keep in mind that the master branch may refer to dependencies that are not on NPM yet! |
53 | | - |
54 | | -## Walkthrough |
55 | | - |
56 | | -### Architecture |
57 | | -There is a single blank component located in: |
58 | | -- `/components/AppContainer.tsx` - sets up an empty page layout. |
59 | 22 |
|
60 | | -**Home** page has the following components: |
61 | | -- `<actionBar>` - It holds the title of the page. |
62 | | -- `<gridLayout>` - The main page layout that should contains all the page content. |
| 23 | +**NB:** Please, have in mind that the master branch may refer to dependencies that are not on NPM yet! |
63 | 24 |
|
64 | 25 | ## Get Help |
65 | 26 | The NativeScript framework has a vibrant community that can help when you run into problems. |
66 | 27 |
|
67 | | -Try [joining the NativeScript community Slack](https://app.slack.com/client/T0L97VCSY/). The Slack `#react` channel is a great place to get help troubleshooting problems, as well as connect with other NativeScript developers. |
| 28 | +Try [joining the NativeScript community Slack](https://www.nativescript.org/slack-invitation-form). The Slack channel is a great place to get help troubleshooting problems, as well as connect with other NativeScript developers. |
68 | 29 |
|
69 | | -If you have found an issue with this template, please report the problem in this repository's [Issues page](https://github.com/shirakaba/tns-template-blank-react/issues). |
| 30 | +If you have found an issue with this template, please report the problem in the [NativeScript repository](https://github.com/NativeScript/NativeScript/issues). |
70 | 31 |
|
71 | 32 | ## Contributing |
72 | 33 |
|
|
0 commit comments