Adding data to JSONStore collection

improve this page | report issue

Setting up the React Native development environment

Follow the instructions provided in the React Native Gettings Started Page to set up your machine for React Native development.

Adding the JSONStore SDK to your React Native app

The JSONStore SDK for React Native is available as a React Native module from npm.

Getting started with a new React Native project

  1. Create a new React Native project.
     react-native init MyReactApp
  2. Add the MobileFirst SDK to your app.
     cd MyReactApp
     npm install react-native-ibm-mobilefirst-jsonstore --save
  3. Link all native dependencies to your app.
    react-native link

Adding data to a JSONStore collection

Inside your App.js you need to import the following packages:

import { JSONStoreCollection, WLJSONStore } from 'react-native-ibm-mobilefirst-jsonstore';

There are three steps for adding data to a JSONStore collection:

  1. Creating a new collection, you can create a new collection by calling the JSONStoreCollection constructor as shown below:.
     var favourites = new JSONStoreCollection('favourites');
  2. Opening a collection, you won’t be able to do anything with a newly created collection unless you open it. To open the collection, call WLJSONStore’s openCollections API. See the sample code below.
    WLJSONStore.openCollections(['favourites']).then(data => { console.log(data); }).catch(err =>{ console.log(err); });
  3. Adding data to collection, after you have opened a collection, start data transactions inwards or outwards. You can add data to a open collection using the following API.
     var favCollection = new JSONStoreCollection('favourites');
     .then(data => {
     	console.log("Succesfully added data to collection!"));
     .catch(err => {
     	console.log("Error while adding data to collection. Reason : " + err);
Inclusive terminology note: The Mobile First Platform team is making changes to support the IBM® initiative to replace racially biased and other discriminatory language in our code and content with more inclusive language. While IBM values the use of inclusive language, terms that are outside of IBM's direct influence are sometimes required for the sake of maintaining user understanding. As other industry leaders join IBM in embracing the use of inclusive language, IBM will continue to update the documentation to reflect those changes.
Last modified on November 21, 2018