https://github.com/frintjs/frint-react-native

React Native integration with FrintJS
https://github.com/frintjs/frint-react-native

android frint ios javascript mobile react react-native rxjs

Last synced: 3 days ago
JSON representation

React Native integration with FrintJS

• Host: GitHub
• URL: https://github.com/frintjs/frint-react-native
• Owner: frintjs
• License: mit
• Created: 2017-10-17T19:29:48.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-04T16:49:52.000Z (about 7 years ago)
• Last Synced: 2024-10-01T17:18:45.509Z (about 1 month ago)
• Topics: android, frint, ios, javascript, mobile, react, react-native, rxjs
• Language: JavaScript
• Homepage: https://frint.js.org
• Size: 7.81 KB
• Stars: 5
• Watchers: 6
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# frint-react-native [![npm](https://img.shields.io/npm/v/frint-react-native.svg)](https://www.npmjs.com/package/frint-react-native) [![Build Status](https://img.shields.io/travis/frintjs/frint-react-native/master.svg)](https://travis-ci.org/frintjs/frint-react-native) [![License](https://img.shields.io/github/license/frintjs/frint-react-native.svg)](https://github.com/frintjs/frint-react-native/blob/master/LICENSE)

> React Native integration for FrintJS.

## Install

You should already have these [FrintJS](https://frint.js.org) dependencies first:

```

$ npm install --save frint frint-react

```

Now you can install the package for [React Native](https://facebook.github.io/react-native/) integration:

```

$ npm install --save frint-react-native

```

## Usage

You can write a regular FrintJS application with React first:

```js

// App.js

import { createApp } from 'frint';

import React from 'react';

import { View, Text } from 'react-native';

function Root() {

  return (

    

      Hello World!

    

  );

}

const App = createApp({

  name: 'MyReactNativeProject',

  providers: [

    {

      name: 'component',

      useValue: Root,

    },

  ],

});

export default App;

```

Now instantiate and register it to React Native:

```js

// index.js

import { register } from 'frint-react-native';

import App from './App';

const app = new App();

register(app);

```

## License

MIT