Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/inProgress-team/react-native-meteor
Meteor Reactivity for your React Native application :)
https://github.com/inProgress-team/react-native-meteor
Last synced: 5 days ago
JSON representation
Meteor Reactivity for your React Native application :)
- Host: GitHub
- URL: https://github.com/inProgress-team/react-native-meteor
- Owner: inProgress-team
- License: mit
- Created: 2015-10-29T07:08:33.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T22:59:43.000Z (about 2 years ago)
- Last Synced: 2024-11-30T04:49:01.703Z (12 days ago)
- Language: JavaScript
- Homepage:
- Size: 1.22 MB
- Stars: 693
- Watchers: 49
- Forks: 210
- Open Issues: 133
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-native - react-native-meteor ★673 - Full Meteor Client (Components / Backend)
- awesome-react-native - react-native-meteor ★673 - Full Meteor Client (Components / Backend)
- awesome-react-native - react-native-meteor ★673 - Full Meteor Client (Components / Backend)
- awesome-react-native-ui - react-native-meteor ★446 - Full Meteor Client (Components / Backend)
- awesome-react-native - react-native-meteor ★673 - Full Meteor Client (Components / Backend)
README
# react-native-meteor
[](https://www.npmjs.org/package/react-native-meteor) [](http://badge.fury.io/js/react-native-meteor) [](https://david-dm.org/inProgress-team/react-native-meteor)
Meteor-like methods for React Native.
If you have questions, you can open a new issue in the repository or ask in the our Gitter chat:
https://gitter.im/react-native-meteor/Lobby
## What is it for ?
The purpose of this library is :
* To set up and maintain a ddp connection with a ddp server, freeing the developer from having to do it on their own.
* Be fully compatible with react-native and help react-native developers.
* **To match with [Meteor documentation](http://docs.meteor.com/) used with React.**
## Install
```
yarn add react-native-meteor
```
or
```
npm i --save react-native-meteor
```
[!! See detailed installation guide](https://github.com/inProgress-team/react-native-meteor/blob/master/docs/Install.md)
## Compatibility notes
Since RN 0.26.0 you have to use ws or wss protocol to connect to your meteor server. http is not working on Android.
It is recommended to always use the latest version of react-native-meteor compatible with your RN version:
* For RN > 0.49, use `react-native-meteor@latest`
* For RN > 0.45, use `[email protected]`
* For RN = 0.45, use `[email protected]`
* For RN < 0.45, you can use version `[email protected]` in case or problems.
## Example usage
```javascript
import React, { Component } from 'react';
import { View, Text } from 'react-native';
import Meteor, { withTracker, MeteorListView } from 'react-native-meteor';
Meteor.connect('ws://192.168.X.X:3000/websocket'); //do this only once
class App extends Component {
renderRow(todo) {
return {todo.title};
}
render() {
const { settings, todosReady } = this.props;
return (
{settings.title}
{!todosReady && Not ready}
);
}
}
export default withTracker(params => {
const handle = Meteor.subscribe('todos');
Meteor.subscribe('settings');
return {
todosReady: handle.ready(),
settings: Meteor.collection('settings').findOne(),
};
})(App);
```
## Documentation
- Learn how to getting started from [connecting your components](docs/connect-your-components.md).
- The [API reference](docs/api.md) lists all public APIs.
- Visit the [How To ?](docs/how-to.md) section for further information.
## Author
* Théo Mathieu ([@Mokto](https://github.com/Mokto)) from [inProgress](https://in-progress.io)
* Nicolas Charpentier ([@charpeni](https://github.com/charpeni))
## Want to help ?
Pull Requests and issues reported are welcome! :)
## License
react-native-meteor is [MIT Licensed](LICENSE).