Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/co2-git/reactors
View components and APIs that work web, mobile and native!
https://github.com/co2-git/reactors
android desktop electron html5 ios linux osx react react-native reactors web windows
Last synced: 3 months ago
JSON representation
View components and APIs that work web, mobile and native!
- Host: GitHub
- URL: https://github.com/co2-git/reactors
- Owner: co2-git
- Created: 2016-06-06T04:58:13.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-20T00:42:24.000Z (about 7 years ago)
- Last Synced: 2024-11-01T06:34:06.350Z (3 months ago)
- Topics: android, desktop, electron, html5, ios, linux, osx, react, react-native, reactors, web, windows
- Language: JavaScript
- Homepage:
- Size: 456 KB
- Stars: 14
- Watchers: 3
- Forks: 1
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
reactors
===
[](https://badge.fury.io/js/reactors)
[](https://badge.fury.io/gh/co2-git%2Freactors)
===
Framework based on [React](https://facebook.github.io/react/) to build cross-platform apps that run web, mobile and desktop.
**To create and run reactors apps, see [reactors-cli](https://github.com/co2-git/reactors-cli)**
# Install
```bash
npm install reactors
```
# Usage
```javascript
import React from 'react';
import {
ListView,
Text,
View,
} from 'reactors';
export default function MyAwesomeComponent() {
return (
One code to rule them all:
{platform}}
/>
);
}
```
View a detailed example [here](https://github.com/co2-git/reactors-cli/blob/master/templates/app/App.js).
# Core Components
- [Image](doc/Components/Image.md)
- [ListView](doc/Components/ListView.md)
- [Link](doc/Components/Link.md)
- [ScrollView](doc/Components/ScrollView.md)
- [Text](doc/Components/Text.md)
- [View](doc/Components/View.md)
# Core APIs
- [Core](doc/API/Core.md)
- [Dimensions](doc/API/Dimensions.md)
- [Gesture](doc/API/Gesture.md)
- [Notifications](doc/Components/Notifications.md)
- [Storage](doc/API/Storage.md)
- [StyleSheet](doc/API/StyleSheet.md)
# Platform dependent code
You can code for a specific platform:
```javascript
switch (Reactors.platform) {
case 'mobile':
// ...
break;
case 'web':
// ...
break;
case 'desktop':
// ...
break;
}
```
# Plugins
Check out Reactors plugin in the `npm` registry. Look for packages starting by `reactors-`.
Some plugins:
- [reactors-file-dialog](https://www.npmjs.com/package/reactors-file-dialog)
- [reactors-form](https://www.npmjs.com/package/reactors-form)
- [reactors-grid](https://www.npmjs.com/package/reactors-grid)
- [reactors-http-request](https://www.npmjs.com/package/reactors-http-request)
- [reactors-router](https://www.npmjs.com/package/reactors-router)