Skip to content

Commit d99ac5a

Browse files
authored
feat: update docs for 0.75 (#12)
* fix: add to gitignore * docs: update for 0.75
1 parent f73233c commit d99ac5a

File tree

2 files changed

+31
-1
lines changed

2 files changed

+31
-1
lines changed

docs/docs/getting-started/create-first-app.md renamed to docs/docs/getting-started/create-first-app.mdx

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
---
22
sidebar_position: 2
33
---
4+
import Tabs from '@theme/Tabs';
5+
import TabItem from '@theme/TabItem';
46

57
# Create your first App
68

@@ -10,9 +12,19 @@ sidebar_position: 2
1012
4. Install the latest version of CMake (at least v3.29.0).
1113
5. Initialize the project using this command:
1214

15+
16+
<Tabs>
17+
<TabItem value="0.75" label="React Native >= 0.75">
18+
```sh
19+
npx @react-native-community/cli@latest init <YourAppName> --template @callstack/visionos-template@latest
20+
```
21+
</TabItem>
22+
<TabItem value="0.74" label="React Native <= 0.74" default>
1323
```sh
1424
npx @callstack/react-native-visionos@latest init YourApp
1525
```
26+
</TabItem>
27+
</Tabs>
1628

1729
6. Next, go to `YourApp/visionos` folder and run following commands to install Pods:
1830

docs/docs/getting-started/integrate-into-existing-projects.md renamed to docs/docs/getting-started/integrate-into-existing-projects.mdx

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,9 @@
22
sidebar_position: 3
33
---
44

5+
import Tabs from '@theme/Tabs';
6+
import TabItem from '@theme/TabItem';
7+
58
# Integrate into existing projects
69

710
React Native visionOS allows you to take your existing React Native codebase and run it on visionOS.
@@ -12,9 +15,18 @@ This guide describes how to extend your app's capabilities by adding a new platf
1215

1316
Use the same name that you have in your main app.
1417

18+
<Tabs>
19+
<TabItem value="0.75" label="React Native >= 0.75">
20+
```sh
21+
npx @react-native-community/cli@latest init <YourAppName> --template @callstack/visionos-template@latest
22+
```
23+
</TabItem>
24+
<TabItem value="0.74" label="React Native <= 0.74" default>
1525
```sh
1626
npx @callstack/react-native-visionos@latest init <YourAppName>
1727
```
28+
</TabItem>
29+
</Tabs>
1830

1931
2. Copy `visionos` folder to your destination project.
2032

@@ -48,7 +60,13 @@ const config = {
4860
module.exports = mergeConfig(getDefaultConfig(__dirname), config);
4961
```
5062

51-
5. Done!
63+
5. Add `visionos/Pods` to your `.gitignore` file.
64+
65+
```sh
66+
echo "**/Pods/" >> .gitignore
67+
```
68+
69+
6. Done!
5270

5371
:::warning
5472
Currently, **Expo** is not supported.

0 commit comments

Comments
 (0)