Photo by Peter Lloyd on Unsplash

React Studio’s Firebase plugin now Supports IN Queries!

React Studio
Dec 4, 2019 · 2 min read

Firebase has recently added a long waited feature to create “in” queries for Cloud Firestore database. This means you can easily query documents containing one of the parameter. In real life solutions this means that you can e.g. query Orders which state is either “In transit” or “Delivered” or “Ready to ship”.

Here’s an “Car finder project which showcases new Query use cases: https://neonto.cloud/u/carfinderdemo

“In query” example

where(“status”,
“in”,
[“In transit”, ”Delivered”, “Ready to ship”]
)

Another notable new feature is that one can create “array-contains-any” query. This is really handy when you e.g. need to list documents which belong to certain category.

“Array-contains-any” example

where(“cars”,
“category”,
“array-contains-any”,
[“Tesla”,”4wd”,”Electric”]
)

You can write the queries into Query field in Data sheet after you update the Firebase plugins into latest versions.

How to get the update?

Plugin update appears when you open React Studio app. Just click “Plugins” -> “Plugin manager” -> “Update”

Click Open Plugin Manager
Click update

Thanks for reading! You might enjoy also these popular posts related to Firebase plugins:

React Studio is a Mac app for designing mobile first ReactJS web apps. Download it free from www.reactstudio.com

React Studio

Written by

The premium app design tool for the most advanced JavaScript UI library — React JS www.neonto.com/reactstudio

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade