Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nativescript/visionos-hello-world
Vision Pro 🥽 Hello World tutorial with NativeScript using various flavors - Angular, React, Solid, Svelte, TypeScript and Vue.
https://github.com/nativescript/visionos-hello-world
angular nativescript react solidjs svelte typescript visionos vue
Last synced: 1 day ago
JSON representation
Vision Pro 🥽 Hello World tutorial with NativeScript using various flavors - Angular, React, Solid, Svelte, TypeScript and Vue.
- Host: GitHub
- URL: https://github.com/nativescript/visionos-hello-world
- Owner: NativeScript
- Created: 2023-07-06T19:45:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-29T20:33:44.000Z (11 months ago)
- Last Synced: 2024-05-23T10:02:09.222Z (4 months ago)
- Topics: angular, nativescript, react, solidjs, svelte, typescript, visionos, vue
- Language: Swift
- Homepage: https://blog.nativescript.org/develop-visionos-apps-with-typescript/
- Size: 15 MB
- Stars: 12
- Watchers: 3
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**Develop Vision Pro 🥽 apps with NativeScript** - *A new reality awaits you*
https://github.com/NativeScript/visionos-hello-world/assets/457187/458ee1bf-7a21-4e85-9c1f-f613ae22d3a6
- [Setup](#setup)
- [Choose your preference](#choose-your-preference)
- [What is This?](#what-is-this)
## Setup
Prerequisites:
- [NativeScript Environment Setup](https://docs.nativescript.org/setup)
- yarn installed: `npm install -g yarn` (tested with 1.22.19)
- node >=18 (recommend 20.x.x)
- [Download the Apple Hello World Tutorial Sample Here](https://developer.apple.com/documentation/visionos/world)
- **Important**: This project requires the `Packages` folder from the Apple tutorial be moved to `tools/Packages` in this workspace. It contains the 3D and Reality Composer Pro assets needed for the visionOS apps to run.
```
yarn setup
```
## Choose your preference
```
yarn nx run nativescript-angular:vision
```
```
yarn nx run nativescript-react:vision
```
```
yarn nx run nativescript-solid:vision
```
```
yarn nx run nativescript-svelte:vision
```
```
yarn nx run nativescript-typescript:vision
```
```
yarn nx run nativescript-vue:vision
```
## What is This?
An [Nx workspace](https://nx.dev/) with Angular, React, Solid, Svelte, TypeScript and Vue visionOS apps all sharing the same SwiftUI files via NativeScript.
The workspace combines yarn workspaces with Nx to hoist dependencies where needed to share.
- Each app shares visionOS Resources including SwiftUI files from [here](tools/App_Resources/visionOS/src).
- Each app's `nativescript.config.ts` configures the shared resources via the `appResourcesPath` property.
*All practices shared are for demonstration purposes only.*