Fan-out writes pattern in Firebase - Mini Project: Build & Apply

Fan-out Writes Pattern in Firebase

📖 Scenario: You are building a simple social media app where users can post messages. To make the app fast and scalable, you want to store each post in two places: under the user's posts and in a global posts list.This is called the fan-out writes pattern, where one write operation updates multiple places in the database at once.

🎯 Goal: Build a Firebase Realtime Database update that writes a new post to both the user's posts and the global posts list in a single operation.

📋 What You'll Learn

Create a JavaScript object called postData with the exact keys author and content and their values.

Create a JavaScript object called updates that will hold the paths to update in the database.

Use the updates object to set the new post under /posts/<postId> and under /user-posts/<userId>/<postId>.

Add the final call to firebase.database().ref().update(updates) to perform the fan-out write.

💡 Why This Matters

🌍 Real World

Fan-out writes are used in real apps to keep data duplicated in multiple places for fast reads and easy queries.

💼 Career

Understanding fan-out writes is important for Firebase developers to build scalable and efficient real-time applications.

1

Create the post data object

Create a JavaScript object called postData with the keys author set to 'user123' and content set to 'Hello Firebase!'.

Firebase

// Create the postData object with author and content
// Your code here

Need a hint?

Use const postData = { author: 'user123', content: 'Hello Firebase!' };

2

Create the updates object with paths

Create a JavaScript object called updates. Add two keys: `/posts/post1` and `/user-posts/user123/post1`. Set both keys to the value postData.

Firebase

const postData = {
  author: 'user123',
  content: 'Hello Firebase!'
};
// Create the updates object with two paths set to postData
// Your code here

Need a hint?

Use const updates = { '/posts/post1': postData, '/user-posts/user123/post1': postData };

3

Write the fan-out update call

Call firebase.database().ref().update(updates) to perform the fan-out write using the updates object.

Firebase

const postData = {
  author: 'user123',
  content: 'Hello Firebase!'
};

const updates = {
  '/posts/post1': postData,
  '/user-posts/user123/post1': postData
};
// Call firebase.database().ref().update(updates) to write data
// Your code here

Need a hint?

Use firebase.database().ref().update(updates); to write all paths at once.

4

Add a comment explaining the fan-out pattern

Add a comment above the update call explaining that this is a fan-out write updating multiple paths in one operation.

Firebase

const postData = {
  author: 'user123',
  content: 'Hello Firebase!'
};

const updates = {
  '/posts/post1': postData,
  '/user-posts/user123/post1': postData
};

// Your comment here
firebase.database().ref().update(updates);

Need a hint?

Add a comment like // Fan-out write: update multiple database paths in one atomic operation above the update call.