📦 ✨ NativeScript-React

Build native application using React and Nativescript.

How to Install

npm i --save nativescript-react
# or
yard add nativescript-react

How to use ?

import React from 'react';
import AppRegistery from 'nativescript-react';
import App from './path/to/app';

AppRegistery.runApplication(<App />);

React + NativeScript = 💪

✅ React declarative, composable API, and speed.
✅ React is skill that is available / the learning curve is very smooth
✅ There is a ton a very usefull React-packages available
✅ React is THE thing anyway

✅ Build 100% native cross-platform apps NativeScript, and the ability to implement platform-specific UIs.
✅ Share 100% of your code, or use platform-specific APIs, depending on the app you’re building.
✅ Use standards-based CSS syntax for styling.
✅ Use rich data binding and existing UI patterns to easily build complex user interfaces.
✅ Reuse any native library available in Objective-C or Java.
✅ Get day-0 access to the OS updates, thanks to the native javascript bindings.
✅ Reuse any JavaScript library that is not browser-dependent.
✅ Reuse the QA tools for accessibility automation to write tests.
✅ Use the latest native platform features to create an amazing native user experience.
✅ Code in any IDE of your choice to implement your applications’ code using the NativeScript framework's CLI.

NB: Take a look at the NativeScript CTO guide ( the advantages are better explained ): https://www.nativescript.org/ctos-guide

Roadmap / Contributing 🤓

NB: Feature requests are very welcome. You just have to create an issue my friend ! 🍻🍻

• Render NativeScript components througt React.
• Support Mutation, Adding/Removing/Insert Children
• Pipe NativeScript typings and JSDoc to appear on React components and JSX / TSX components.
• Create a base template tns create myapp --template <path-to-template> ( thanks @NickIliev for requesting this feature :) )
• Add webpack config and/or create a create-react-app flavor.
• Implement props.style & RN Stylesheet API.
• Implement CSS imports
• Make Styled-Components, React-Pose work out of the box
• Implement Animated API ( see react-native-web implementation)
• Implement the ReactNative components (View, Text, etc) to help people transition to NativeScript
• Implement DOM interface to get instant compatibility with Styled-Components, React-Router, React-Pose, etc ... ( use https://www.npmjs.com/package/nativescript-dom package )
• feature requests are welcome