Why efficient reads matter in Firebase - See It in Action

Why efficient reads matter

📖 Scenario: You are managing a Firebase Firestore database for a small online store. You want to understand how to organize your data and queries to keep your app fast and your costs low.

🎯 Goal: Build a simple Firestore data structure and query that shows how efficient reads reduce costs and improve performance.

📋 What You'll Learn

Create a Firestore collection with product data

Add a configuration variable for maximum products to fetch

Write a query that fetches only the needed products

Add a limit to the query to control read costs

💡 Why This Matters

🌍 Real World

Efficient reads in Firestore help keep your app fast and your billing low by fetching only the data you need.

💼 Career

Understanding how to limit reads and structure queries is essential for cloud developers and database administrators working with Firebase.

1

Create a Firestore collection with product data

Create a Firestore collection called products with these exact documents and fields: { id: 'p1', name: 'T-shirt', price: 20 }, { id: 'p2', name: 'Jeans', price: 40 }, and { id: 'p3', name: 'Sneakers', price: 60 }.

Firebase

// Your code here to create the products collection with documents

Need a hint?

Use an array of objects to represent the products collection.

2

Add a configuration variable for maximum products to fetch

Create a variable called maxProducts and set it to 2 to limit how many products to fetch.

Firebase

const products = [
  { id: 'p1', name: 'T-shirt', price: 20 },
  { id: 'p2', name: 'Jeans', price: 40 },
  { id: 'p3', name: 'Sneakers', price: 60 }
];
// Your code here to add maxProducts variable

Need a hint?

This variable controls how many products your query will fetch.

3

Write a query that fetches only the needed products

Write a function called fetchProducts that returns the first maxProducts items from the products array using the slice method.

Firebase

const products = [
  { id: 'p1', name: 'T-shirt', price: 20 },
  { id: 'p2', name: 'Jeans', price: 40 },
  { id: 'p3', name: 'Sneakers', price: 60 }
];

const maxProducts = 2;

// Your code here to write fetchProducts function

Need a hint?

Use slice(0, maxProducts) to get only the first few products.

4

Add a limit to the query to control read costs

Add a Firestore query using limit(maxProducts) to fetch only the needed products from the products collection. Write a function called fetchLimitedProducts that returns this query.

Firebase

const products = [
  { id: 'p1', name: 'T-shirt', price: 20 },
  { id: 'p2', name: 'Jeans', price: 40 },
  { id: 'p3', name: 'Sneakers', price: 60 }
];

const maxProducts = 2;

function fetchProducts() {
  return products.slice(0, maxProducts);
}

// Your code here to add fetchLimitedProducts function with Firestore limit query

Need a hint?

Use Firestore's query and limit functions to restrict reads.