@ajaybhatia/react-native-meteor

Local

This package allows you to store your data locally (similar to GroundDB for Meteor Web).

This package introduces the Local.Collection, which will mirror the specified remote collection, and store all documents on the device, making your data offline.

Caveats

• This package (currently) works by creating a second local Mongo Collection. This means you are esentially keeping two copies of each document (that you store locally) in memory. This issue can be mitigated by keeping an "age" or "version" on all your documents, and only publishing documents that have been changed from local
• This package (currently) does not support the removal of documents. Once a document has been inserted into the local database, it is there forever (unless you manually call remove on the Local.Collection)
• Performing .insert, .update, .remove, etc on a Local.Collection only makes those modifications to the in-memory minimongo. Those changes won't be sent to the server, and those changes (currently) dont trigger the saving procedure, so they will not be committed to the disk (unless a remote change is made afterwards)

Usage:

import Local from '@ajaybhatia/react-native-meteor';

const MyLocalCollection = new Local.Collection("name");

MyLocalCollection.find().fetch()

You should use LocalCollection whenever you want to access the stored data. The Local Collection will observe the live collection and automatically update when the live collection does.

Data Loading:

A Local.Collection exposes a property called loadPromise which resolves once local data has been loaded into the collection. You can use this to control loading flow, like so:

const Todos = new Local.Collection("todos");

class Home extends React.Component {
  state = {dataLoading:true};

  componentDidMount() {
    Todos.loadPromise.then(() => {
      this.setState({dataLoading:false});
    }).catch(e => {
      // Uh oh, an error loading the data.
    });
  }
}

API Docs

Collection(name, options)

Creates a Local Collection that mirrors changes to collection with specified name.

Options:

groupBy (default: null): Specifies a field to organize items on. Items will be grouped into separate AsyncStorage keys by specified limit. If you specifiy a limit, the limit will be applied to each group instead of the collection as a whole

limit (default: -1): Specifies a limit to the number of documents to store. The sort property is required to use this.

sort (default: null): Specifies a sort method to maintain documents by

disableDateParser (default: false): Disables the default behavior when parsing the stringified collection of automatically converting date strings into JS dates

Properties: A Local.Collection is a local Mongo Collection that exposes the following additional properties

loadPromise (Promise): A promise that resolves when the local data has been inserted into the collection. While this will typically only take a few hundred milliseconds, if you have UI that depends on the local data, you may want to use this promise in your loading flow.

Compatability

This package takes advantage of observe and local collections, added in @ajaybhatia/react-native-meteor@2.0.8.