React Native

Parse Query Cookbook in React Native

Introduction

We’ve already seen how a Parse.Query with get can retrieve a single Parse.Object from Back4App. There are many other ways to retrieve data with Parse.Query - you can retrieve many objects at once, use conditions on the objects you wish to retrieve, and more.

In this guide, you will ding deep into the Parse.Query class and see all the methods you can use to build your Queries. You will use a simple database class with some mocked data to perform the Queries using the Javascript Console on Back4App.

Prerequisites

To complete this tutorial, you will need:

Goal

Explore the Parse.Query class different methods.

The Parse.Query class

Any query operation on Parse uses the Parse.Query object type, which will help you retrieve specific data from your Back4App throughout your app. To create a new Parse.Query, you need to pass as a parameter the desired Parse.Object subclass, which is the one that will contain your query results.

It is crucial to know that a Parse.Query will only resolve after calling a retrieve method (like Parse.Query.find or Parse.Query.get), so a query can be set up and several modifiers can be chained before actually being called.

You can read more about the Parse.Query class here at the official documentation.

Using the JS Console on Back4App

Inside your Back4App application’s dashboard, you will find a very useful API console in which you can run JavaScript code directly. In this guide you will use to store and query data objects from Back4App. On your App main dashboard go to Core->API Console->JS Console.

React Native Back4App

Save your Data Objects

To run the queries on this guide you’ll need first to populate your App with some data. Let’s create a sample class called Profile, which mocks a social media profile class using famous people names and the following fields:

  • string type name;
  • Date type birthDay;
  • Number (integer) type friendCount;
  • Array (string array) type favoriteFoods;
  • Array (Number array) type luckyNumbers;
  • GeoPoint type lastLoginLocation;
  • Nullable pointer type premiumMembership, related to a Membership class containing string name and Date expirationDate fields.

Here is the Parse.Object classes creation code, so go ahead and run it in your API console:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
// Add Profile objects and create table
// Adam Sandler
let Profile = new Parse.Object('Profile');
Profile.set('name', 'Adam Sandler');
Profile.set('birthDay', new Date('09/09/1966'));
Profile.set('friendCount', 2);
Profile.set('favoriteFoods', ['Lobster', 'Bread']);
Profile.set('luckyNumbers', [2, 7]);
Profile.set('lastLoginLocation', new Parse.GeoPoint(37.38412167489413, -122.01268034622319));
await Profile.save();

// Britney Spears
Profile = new Parse.Object('Profile');
Profile.set('name', 'Britney Spears');
Profile.set('birthDay', new Date('12/02/1981'));
Profile.set('friendCount', 52);
Profile.set('favoriteFoods', ['Cake', 'Bread']);
Profile.set('luckyNumbers', [22, 7]);
Profile.set('lastLoginLocation', new Parse.GeoPoint(37.38412167489413, -122.01268034622319));
await Profile.save();

// Carson Kressley
Profile = new Parse.Object('Profile');
Profile.set('name', 'Carson Kressley');
Profile.set('birthDay', new Date('11/11/1969'));
Profile.set('friendCount', 12);
Profile.set('favoriteFoods', ['Fish', 'Cookies']);
Profile.set('luckyNumbers', [8, 2]);
Profile.set('lastLoginLocation', new Parse.GeoPoint(37.38412167489413, -122.01268034622319));
await Profile.save();

// Dan Aykroyd
// Creates related object Membership for this user only
let Membership = new Parse.Object('Membership');
Membership.set('name', 'Premium');
Membership.set('expirationDate', new Date('10/10/2030'))
await Membership.save();
Profile = new Parse.Object('Profile');
Profile.set('name', 'Dan Aykroyd');
Profile.set('birthDay', new Date('07/01/1952'));
Profile.set('friendCount', 66);
Profile.set('favoriteFoods', ['Jam', 'Peanut Butter']);
Profile.set('luckyNumbers', [22, 77]);
Profile.set('lastLoginLocation', new Parse.GeoPoint(37.38412167489413, -122.01268034622319));
Profile.set('premiumMembership', Membership);
await Profile.save();

// Eddie Murphy
Profile = new Parse.Object('Profile');
Profile.set('name', 'Eddie Murphy');
Profile.set('birthDay', new Date('04/03/1961'));
Profile.set('friendCount', 49);
Profile.set('favoriteFoods', ['Lettuce', 'Pepper']);
Profile.set('luckyNumbers', [6, 5]);
Profile.set('lastLoginLocation', new Parse.GeoPoint(-27.104919974838154, -52.61428045237739));
await Profile.save();

// Fergie
Profile = new Parse.Object('Profile');
Profile.set('name', 'Fergie');
Profile.set('birthDay', new Date('03/27/1975'));
Profile.set('friendCount', 55);
Profile.set('favoriteFoods', ['Lobster', 'Shrimp']);
Profile.set('luckyNumbers', [13, 7]);
Profile.set('lastLoginLocation', new Parse.GeoPoint(-27.104919974838154, -52.61428045237739));
await Profile.save();

console.log('Success!');

After running this code, you should now have a Profile class in your database with six objects created. Your new class should look like this:

React Native Back4App

Let’s now take a look at examples from every Parse.Query method, along with brief explanations on what they do. Please note that some methods in this list can take options as an additional argument, but in most cases, it is only related to masterKey usage and not relevant to this guide content, so this possibility will be omitted whenever not relevant.

Query retrievers

These methods are responsible for running the query and retrieving its results, being always present in your query implementation.

Query conditioners

These methods give you the possibility of applying conditional constraints to your query, which are arguably the most important operations in querying. Remember that these operations can all be chained before the results are retrieved, so many combinations can be achieved to solve your querying needs.

Query ordering

Essential in most queries, ordering can be easily achieved in Parse and even chained between two or more ordering constraints.

Field selecting

These methods affect which field values can be in your query results.

Geopoint querying

These are methods specific to GeoPoint querying.

Pagination

These methods are related to pagination utilities, useful for queries that will retrieve a large number of results.

Response handling

These methods are helpers for handling the query responses, making it possible to queue callbacks that will be called after your query is resolved. They act as query resolvers as well, like find and first.

Compound query

These methods will create compound queries, which can combine more than one Parse.Query instance to achieve more complex results.

These methods are related to MongoDB preferences and operations.

Local datastore

These methods enable selecting the source of the queries and using a local datastore.

JSON specifics

Methods that allow queries to be represented as JSON and retrieved.

Conclusion

At the end of this guide, you learned how to perform every data query method in Parse. In the next guide, you will learn about complex Parse querying in React Native.