Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iliasbhal/nativescript-react
Build native application using React and Nativescript.
https://github.com/iliasbhal/nativescript-react
android ios nativescript react
Last synced: about 2 months ago
JSON representation
Build native application using React and Nativescript.
- Host: GitHub
- URL: https://github.com/iliasbhal/nativescript-react
- Owner: iliasbhal
- License: mit
- Created: 2019-04-12T01:31:35.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-04-20T17:52:21.000Z (over 5 years ago)
- Last Synced: 2024-11-07T09:05:24.799Z (2 months ago)
- Topics: android, ios, nativescript, react
- Language: TypeScript
- Homepage:
- Size: 528 KB
- Stars: 15
- Watchers: 4
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://badge.fury.io/js/nativescript-react)
[](https://coveralls.io/github/iliasbhal/nativescript-react)
[](https://github.com/iliasbhal/nativescript-react/blob/master/LICENSE)
# :package: :sparkles: NativeScript-React
Build native application using React and Nativescript.
## How to Install
```sh
npm i --save nativescript-react
# or
yard add nativescript-react
```
## How to use ?
```js
import React from 'react';
import AppRegistery from 'nativescript-react';
import App from './path/to/app';
AppRegistery.runApplication();
```
## 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 ! 🍻🍻
- [x] Render NativeScript components througt React.
- [x] Support Mutation, Adding/Removing/Insert Children
- [x] Pipe NativeScript typings and JSDoc to appear on React components and JSX / TSX components.
- [ ] Create a base template `tns create myapp --template ` ( thanks @NickIliev for requesting this feature :) )
- [ ] Add webpack config and/or create a create-react-app flavor.
- [x] 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`