|
1 | 1 | ---
|
2 | 2 | sidebar_position: 1
|
| 3 | +slug: / |
3 | 4 | ---
|
4 | 5 |
|
5 |
| -# Tutorial Intro |
| 6 | +# Introduction |
6 | 7 |
|
7 |
| -Let's discover **Docusaurus in less than 5 minutes**. |
| 8 | +:::warning |
8 | 9 |
|
9 |
| -## Getting Started |
| 10 | +This project is still at an early stage of development and is not ready for production use. |
10 | 11 |
|
11 |
| -Get started by **creating a new site**. |
| 12 | +::: |
12 | 13 |
|
13 |
| -Or **try Docusaurus immediately** with **[docusaurus.new](https://docusaurus.new)**. |
| 14 | +> Learn once, write anywhere: Build spatial apps with React. |
14 | 15 |
|
15 |
| -### What you'll need |
| 16 | +React Native visionOS allows you to write visionOS **apps with full support for platform SDK**. This is a full fork of the main repository with changes needed to support visionOS. |
16 | 17 |
|
17 |
| -- [Node.js](https://nodejs.org/en/download/) version 18.0 or above: |
18 |
| - - When installing Node.js, you are recommended to check all checkboxes related to dependencies. |
| 18 | + |
19 | 19 |
|
20 |
| -## Generate a new site |
| 20 | +## How is it different from running app in compatibility mode? |
21 | 21 |
|
22 |
| -Generate a new Docusaurus site using the **classic template**. |
| 22 | +React Native visionOS unlocks full capabilities of the platform, giving your app transparent look that feels right at home next to other visionOS apps. It allows you to leverage the power of ImmersiveSpaces and multi-window apps. |
23 | 23 |
|
24 |
| -The classic template will automatically be added to your project after you run the command: |
| 24 | +Side by side comparison of running the same app: React Native visionOS vs React Native iOS (Compatibility mode). |
25 | 25 |
|
26 |
| -```bash |
27 |
| -npm init docusaurus@latest my-website classic |
28 |
| -``` |
29 |
| - |
30 |
| -You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor. |
31 |
| - |
32 |
| -The command also installs all necessary dependencies you need to run Docusaurus. |
33 |
| - |
34 |
| -## Start your site |
35 |
| - |
36 |
| -Run the development server: |
37 |
| - |
38 |
| -```bash |
39 |
| -cd my-website |
40 |
| -npm run start |
41 |
| -``` |
42 |
| - |
43 |
| -The `cd` command changes the directory you're working with. In order to work with your newly created Docusaurus site, you'll need to navigate the terminal there. |
44 |
| - |
45 |
| -The `npm run start` command builds your website locally and serves it through a development server, ready for you to view at http://localhost:3000/. |
46 |
| - |
47 |
| -Open `docs/intro.md` (this page) and edit some lines: the site **reloads automatically** and displays your changes. |
| 26 | +<video width="100%" controls src="https://github.com/callstack/react-native-visionos/assets/52801365/dd5d6351-3843-4f4a-ae67-541c068ac7be"/> |
0 commit comments