Skip to content

Commit 18f27e3

Browse files
NathanWalkerNathanWalker
committed
feat: integrations
1 parent 2b409ed commit 18f27e3

File tree

1 file changed

+59
-71
lines changed

1 file changed

+59
-71
lines changed

‎content/integrations/index.md

Lines changed: 59 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,120 +1,108 @@
11
---
22
title: Integrations
3-
description: NativeScript is a celebration of native platforms resulting in a liberating development experience which includes the ability to integrate with anything that runs on each target platform. Explore a few highlights of such integrations enabling you to develop the way you want using any solution that meets the demands of the case in front of you.
3+
description: NativeScript is a celebration of native platforms resulting in a liberating development experience which includes the ability to integrate with anything that runs on each target platform. Explore a few highlights of such integrations enabling you to develop the way you want using any solution together with NativeScript to meet the demands of the case in front of you.
44
contributors: false
55
prev: false
66
next: false
77
---
88

9-
## Integrations
9+
## Explore
1010

1111
<script lang="ts" setup>
1212
const integrations = [
1313
{
1414
id: 1,
1515
title: "React Native",
16-
href: "https://stackblitz.com/edit/nativescript-spaceman-transition-example?file=app%2Fspace-view.xml",
16+
href: "https://blog.nativescript.org/nativescript-with-react-native/",
1717
description: "Use React Native Modules with NativeScript",
1818
categories: [
1919
{
20-
title: "Shared Elements",
21-
href: "https://docs.nativescript.org/guide/shared-element-transitions",
22-
},
23-
{
24-
title: "TypeScript",
25-
href: "https://docs.nativescript.org/tutorials/build-a-master-detail-app-with-plain-typescript",
20+
title: "React Native",
21+
href: "https://reactnative.dev/",
2622
},
2723
],
28-
videoUrl: "https://youtube.com/embed/hHqlEbU8o2o?si=7SgSCaNuqtRB9-ej",
29-
videoTitle: "Spaceman using just TypeScript",
24+
imageUrl: "https://upload.wikimedia.org/wikipedia/commons/1/18/React_Native_Logo.png",
3025
},
3126
{
3227
id: 2,
3328
title: "Flutter",
34-
href: "https://stackblitz.com/edit/nativescript-vue3-spaceman-transition-example?file=app%2Fcomponents%2FSpaceView.vue",
35-
description: "Use Flutter views in your NativeScript app or use NativeScript in your Flutter app.",
29+
href: "https://github.com/NathanWalker/NativeScript-Flutter-Example",
30+
description: "Use Flutter with NativeScript",
3631
categories: [
3732
{
38-
title: "Shared Elements",
39-
href: "https://docs.nativescript.org/guide/shared-element-transitions",
33+
title: "Flutter",
34+
href: "https://flutter.dev/",
4035
},
41-
{ title: "Vue", href: "https://nativescript-vue.org" },
36+
{ title: "Dart", href: "https://dart.dev/" },
37+
{ title: "Example", href: "https://x.com/NativeScript/status/1790399780621037950"}
4238
],
43-
videoUrl: "https://youtube.com/embed/hHqlEbU8o2o?si=7SgSCaNuqtRB9-ej",
44-
videoTitle: "Spaceman using just Vue 3",
39+
imageUrl: "https://hydraulic.dev/assets/images/blog/flutter.webp",
4540
},
4641
{
4742
id: 3,
4843
title: "SwiftUI",
49-
href: "https://stackblitz.com/edit/nativescript-music-player-transition-example?file=app%2Fmain-view.xml",
44+
href: "https://blog.nativescript.org/create-a-nativescript-checkbox-for-ios-with-swiftui/",
5045
description: "Use SwiftUI with a NativeScript app.",
5146
categories: [
5247
{
53-
title: "Shared Elements",
54-
href: "https://docs.nativescript.org/guide/shared-element-transitions",
55-
},
56-
{
57-
title: "TypeScript",
58-
href: "https://docs.nativescript.org/tutorials/build-a-master-detail-app-with-plain-typescript",
48+
title: "SwiftUI",
49+
href: "https://developer.apple.com/xcode/swiftui/",
5950
},
6051
],
61-
videoUrl: "https://youtube.com/embed/KatL9m7E2XI?feature=share",
62-
videoTitle: "Music Player UI",
52+
imageUrl: "https://miro.medium.com/v2/resize:fit:1400/1*w9Qx-_oReedtEJctJ9bDNg.jpeg",
6353
},
6454
{
6555
id: 4,
6656
title: "Jetpack Compose",
67-
href: "https://stackblitz.com/edit/nativescript-reflective-ui?file=src%2Fapp%2Fitem%2Fitems.component.ts",
57+
href: "https://dev.to/valorsoftware/introduction-to-jetpack-compose-for-nativescript-54d7",
6858
description: "Use Jetpack Compose with a NativeScript app.",
69-
categories: [{ title: "iOS AVCaptureSession", href: "https://developer.apple.com/documentation/avfoundation/avcapturesession?language=objc" }],
70-
videoUrl: "https://youtube.com/embed/rbF6mYfwnck",
71-
videoTitle: "NativeScript Reflective UI",
59+
categories: [{ title: "Jetpack Compose", href: "https://developer.android.com/develop/ui/compose" }, { title: 'Example', href: 'https://github.com/NativeScript/android-compose-example'}],
60+
imageUrl: "https://res.cloudinary.com/startup-grind/image/upload/c_fill,dpr_2.0,f_auto,g_center,q_auto:good/v1/gcs/platform-data-dsc/events/Jetpack%20Compose%20logo%20horizontal_W0quv7g.png",
7261
},
7362
{
7463
id: 5,
7564
title: "Capacitor",
76-
href: "https://stackblitz.com/edit/ns-tetris?file=src%2Fcomponents%2FHome.vue",
65+
href: "https://capacitor.nativescript.org/",
7766
description: "Use Capacitor with NativeScript or use NativeScript with a Capacitor app.",
78-
categories: [{ title: "Vue", href: "https://nativescript-vue.org" }],
79-
videoUrl: "https://youtube.com/embed/To_bycK6BGY",
80-
videoTitle: "A Tetris Game built with Vue 3",
81-
},
82-
{
83-
id: 6,
84-
title: "Rive",
85-
href: "https://stackblitz.com/edit/nativescript-text-from-image?file=src%2Fapp%2Fhome%2Fhome.component.ts",
86-
description: "Use Rive with a NativeScript app.",
87-
categories: [
88-
{
89-
title: "Angular",
90-
href: "https://docs.nativescript.org/tutorials/build-a-master-detail-app-with-angular",
91-
},
92-
{
93-
title: "iOS Vision Framework",
94-
href: "https://developer.apple.com/documentation/vision?language=objc",
95-
},
96-
],
97-
videoUrl: "https://youtube.com/embed/cCqqXezvfWs",
98-
videoTitle: "iOS Recognize Text from an Image",
99-
},
100-
{
101-
id: 7,
102-
title: "Lottie",
103-
href: "https://stackblitz.com/edit/nativescript-pdfview-via-ios-pdfkit?file=src%2Fapp%2Fnative-pdfview%2Fnative-pdfview.ts",
104-
description: "Use Lottie with a NativeScript app.",
105-
categories: [
106-
{
107-
title: "Angular",
108-
href: "https://docs.nativescript.org/tutorials/build-a-master-detail-app-with-angular",
109-
},
110-
{
111-
title: "iOS PDFKit",
112-
href: "https://developer.apple.com/documentation/pdfkit?language=objc",
113-
},
114-
],
115-
videoUrl: "https://youtube.com/embed/ucmAXFaFbY0",
116-
videoTitle: "iOS PDFKit",
67+
categories: [{ title: "Capacitor", href: "https://capacitorjs.com/" }, { title: "Portals", href: "https://docs.nativescript.org/plugins/ionic-portals" }],
68+
imageUrl: "https://capacitorjs.com/og.png",
11769
},
70+
// {
71+
// id: 6,
72+
// title: "Rive",
73+
// href: "https://stackblitz.com/edit/nativescript-text-from-image?file=src%2Fapp%2Fhome%2Fhome.component.ts",
74+
// description: "Use Rive with a NativeScript app.",
75+
// categories: [
76+
// {
77+
// title: "Angular",
78+
// href: "https://docs.nativescript.org/tutorials/build-a-master-detail-app-with-angular",
79+
// },
80+
// {
81+
// title: "iOS Vision Framework",
82+
// href: "https://developer.apple.com/documentation/vision?language=objc",
83+
// },
84+
// ],
85+
// videoUrl: "https://youtube.com/embed/cCqqXezvfWs",
86+
// videoTitle: "iOS Recognize Text from an Image",
87+
// },
88+
// {
89+
// id: 7,
90+
// title: "Lottie",
91+
// href: "https://stackblitz.com/edit/nativescript-pdfview-via-ios-pdfkit?file=src%2Fapp%2Fnative-pdfview%2Fnative-pdfview.ts",
92+
// description: "Use Lottie with a NativeScript app.",
93+
// categories: [
94+
// {
95+
// title: "Angular",
96+
// href: "https://docs.nativescript.org/tutorials/build-a-master-detail-app-with-angular",
97+
// },
98+
// {
99+
// title: "iOS PDFKit",
100+
// href: "https://developer.apple.com/documentation/pdfkit?language=objc",
101+
// },
102+
// ],
103+
// videoUrl: "https://youtube.com/embed/ucmAXFaFbY0",
104+
// videoTitle: "iOS PDFKit",
105+
// },
118106
];
119107

120108
</script>

0 commit comments

Comments
 (0)