nativescript-react v0.0.2

:package: :sparkles: 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 = :muscle:

✅ 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 :nerd_face:

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