Cloud Firestore using Google Firebase

Firebase Firestore (NoSQL database)

Google Firebase offers a suite of tools designed to help developers build, manage, and grow their applications with efficiency and ease. Among these tools, Firebase Firestore stands out as a powerful, scalable database for mobile, web, and server development.

This article blog post delves into the specifics of Firebase Firestore, exploring its capabilities, advantages, and how to effectively utilize collections to manage data within your applications.

Introduction to Firebase Firestore

Firebase Firestore is a NoSQL document database built for automatic scaling, high performance, and ease of application development. It allows developers to store and synchronize data across multiple clients through Firebase's cloud-based NoSQL database, making it an excellent choice for interactive applications.

Key Features of Firebase Firestore

  • Real-time Synchronization: Firestore provides real-time data synchronization. This means that any changes made to the database are immediately reflected across all clients, including web and mobile apps.

  • Offline Support: Firestore offers robust offline capabilities. Applications can continue to function seamlessly even when they lose internet connectivity, as changes are synced back to the cloud once connectivity is restored.

  • Flexible, Scalable Database: Unlike traditional databases that require defining your data schema upfront, Firestore’s document-model allows you to store data in documents that are collected in collections. This flexibility enables you to adjust your data model as your application evolves.

  • Powerful Querying and Transactions: Firestore supports complex queries and allows multiple queries to be combined in a single request. It also supports transactions, ensuring data consistency even when multiple users are interacting with your application concurrently.

Using Firebase Firestore Collections

Firestore organizes data into documents and collections. A document contains fields mapping to values, similar to a JSON object, and collections contain multiple documents.

Setting Up Firestore in Your Project

npm install firebase

To start using Firestore, first add Firebase to your project:

Create a firebase-config.js file in your src folder:

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";
 
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};
 
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

Working with Collections and Documents

1. Creating an Authentication Context

To utilize Firestore collections and documents in your project, you'll need to understand how to perform basic CRUD (Create, Read, Update, Delete) operations.

Create Data

To add data to a collection, use the add function, which automatically generates a unique ID for each new document:

import { collection, addDoc } from "firebase/firestore";
 
async function addData(db) {
  try {
    const docRef = await addDoc(collection(db, "users"), {
      name: "Jane Doe",
      age: 30,
      email: "janedoe@example.com"
    });
    console.log("Document written with ID: ", docRef.id);
  } catch (e) {
    console.error("Error adding document: ", e);
  }
}

Read Data

You can retrieve data from a collection by querying the database:

import { collection, getDocs } from "firebase/firestore";
 
async function getData(db) {
  const querySnapshot = await getDocs(collection(db, "users"));
  querySnapshot.forEach((doc) => {
    console.log(`${doc.id} => ${doc.data()}`);
  });
}

Update Data

To update existing data in a document:

import { doc, updateDoc } from "firebase/firestore";
 
async function updateData(db) {
  const userRef = doc(db, "users", "user_id");
  await updateDoc(userRef, {
    age: 34
  });
}

Delete Data

To delete a document from a collection:

import { doc, deleteDoc } from "firebase/firestore";
 
async function deleteData(db) {
  await deleteDoc(doc(db, "users", "user_id"));
}

Conclusion

Firebase Firestore offers a highly flexible and scalable solution for managing data in real-time applications. By utilizing Firestore collections and understanding how to manipulate documents within them, developers can significantly enhance the responsiveness and performance of their apps. Whether you're building a new app from scratch or integrating Firestore into an existing project, its robust features and straightforward API make it an indispensable tool for modern web and mobile development.

Note: Cloud Firestore and Firebase Firestore are terms for the same database service within the Firebase platform. Officially known as Cloud Firestore, it is part of Google Cloud and fully integrated with Firebase, which is Google's comprehensive platform for developing mobile and web applications.

Here are the document link for cloud firestore guide:

Happy Coding!

-Andrew