Full Meteor Client for React JS
npm install @nyby/meteor-react-jsThis package is based on the @meteorrn/core package for React Native.
Some little adjustments to make it work in the browser. All credits for the
awesome work should go to the maintainers of the original package for React Native.
Feel free to comment, contribute and fix. A hook version
called Meteor.useTracker is also available.
A set of packages allowing you to connect your React app to your Meteor server,
and take advantage of Meteor-specific features like accounts, reactive data
trackers, etc. Compatible with the latest version of React.
~~~
npm install --save @nyby/meteor-react-js
~~~
``javascript
import Meteor from '@nyby/meteor-react-js';
// "mycol" should match the name of the collection on your meteor server
let MyCol = new Meteor.Mongo.Collection('mycol');
// Note the /websocket after your URL
Meteor.connect('wss://myapp.meteor.com/websocket');
class App extends React.Component {
render() {
let { myThing } = this.props;
return (
let AppContainer = Meteor.withTracker(() => {
Meteor.subscribe('myThing');
let myThing = MyCol.findOne();
return {
myThing,
};
})(App);
export default AppContainer;
`
There are also custom hooks for managing subscriptions and calling Meteor methods implemented.
`javascript`
const [data, loading] = Meteor.usePublication({
name: 'publication.name',
params: { id: _id },
fetch: () => MyCol.findOne({ _id: id }),
});
`javascript``
const { result, loading } = Meteor.useMethod('method.name', { id: _id });