Ordering results in Firebase - Mini Project: Build & Apply

Ordering results in Firebase Firestore

📖 Scenario: You are building a simple app to display a list of books stored in Firebase Firestore. You want to show the books ordered by their publishedYear from oldest to newest.

🎯 Goal: Learn how to query a Firestore collection and order the results by a specific field.

📋 What You'll Learn

Create a Firestore collection reference to books

Add a configuration variable for the order field publishedYear

Write a query that orders the books collection by publishedYear ascending

Complete the query by getting the documents ordered correctly

💡 Why This Matters

🌍 Real World

Ordering query results is common when displaying lists like products, posts, or books sorted by date or rating.

💼 Career

Understanding how to order Firestore queries is essential for building responsive and user-friendly cloud applications.

1

Create a Firestore collection reference

Create a variable called booksRef that references the Firestore collection named books using firebase.firestore().collection('books').

Firebase

# Your code here

Need a hint?

Use firebase.firestore().collection('books') to get the collection reference.

2

Add the order field configuration

Create a constant called orderField and set it to the string 'publishedYear' to specify the field to order by.

Firebase

const booksRef = firebase.firestore().collection('books');
# Your code here

Need a hint?

Define orderField as 'publishedYear'.

3

Write the ordered query

Create a variable called orderedQuery that uses booksRef.orderBy(orderField, 'asc') to order the books by publishedYear in ascending order.

Firebase

const booksRef = firebase.firestore().collection('books');
const orderField = 'publishedYear';
# Your code here

Need a hint?

Use orderBy with orderField and 'asc' to order ascending.

4

Complete the query by getting the documents

Use orderedQuery.get() to retrieve the ordered documents from Firestore and assign it to a variable called querySnapshot.

Firebase

const booksRef = firebase.firestore().collection('books');
const orderField = 'publishedYear';
const orderedQuery = booksRef.orderBy(orderField, 'asc');
# Your code here

Need a hint?

Use await orderedQuery.get() to fetch the documents.