Getting a single document in Firebase - Step-by-Step Execution

Process Flow - Getting a single document

Start

↓

Call getDoc()

↓

Check if document exists

↓

Return data

↓

End

This flow shows how to get one document from Firebase Firestore: call getDoc(), check if it exists, then return data or handle missing document.

Execution Sample

Firebase

const docRef = doc(db, "users", "user123");
const docSnap = await getDoc(docRef);
if (docSnap.exists()) {
  console.log(docSnap.data());
} else {
  console.log("No such document!");
}

This code tries to get a user document by ID and logs its data if found, or a message if not.

Process Table

Step	Action	Evaluation	Result
1	Create document reference for 'users/user123'	docRef points to 'users/user123'	docRef ready
2	Call getDoc(docRef)	Fetch document from Firestore	docSnap received
3	Check docSnap.exists()	Does document exist?	True or False
4	If True, call docSnap.data()	Retrieve document data	Data object returned
5	If False, log 'No such document!'	Handle missing document	Message logged

💡 Execution stops after logging data or 'No such document!' message

Status Tracker

Variable	Start	After Step 1	After Step 2	After Step 3	Final
docRef	undefined	Reference to 'users/user123'	Reference unchanged	Reference unchanged	Reference unchanged
docSnap	undefined	undefined	Document snapshot object	Document snapshot object	Document snapshot object
data	undefined	undefined	undefined	undefined	Document data or undefined

Key Moments - 2 Insights

Why do we check docSnap.exists() before accessing data?

Because the document might not exist. Checking docSnap.exists() (see step 3) prevents errors when calling docSnap.data() on a missing document.

What happens if the document does not exist?

The code logs 'No such document!' (step 5). No data is returned because docSnap.exists() is false.

Visual Quiz - 3 Questions

Look at the execution table, what is the result of step 3 if the document exists?

A docSnap.exists() returns true

B docSnap.exists() returns false

C docSnap.data() returns null

D getDoc() throws an error

💡 Hint

Check the 'Evaluation' and 'Result' columns in step 3 of the execution table.

At which step do we get the actual document data?

A Step 2

B Step 4

C Step 3

D Step 5

💡 Hint

Look for the step where docSnap.data() is called in the execution table.

If the document does not exist, what will be logged?

A "Document data printed"

B An error message

C "No such document!"

D Nothing is logged

💡 Hint

See the action and result in step 5 of the execution table.

Concept Snapshot

Getting a single document in Firebase Firestore:
- Create a document reference with doc(db, collection, id)
- Use await getDoc(docRef) to fetch
- Check docSnap.exists() before accessing data
- Use docSnap.data() to get document fields
- Handle missing documents gracefully

Full Transcript

To get a single document from Firebase Firestore, first create a reference to the document using doc(db, collection, id). Then call getDoc() with this reference and wait for the result. Check if the document exists using docSnap.exists(). If it does, get the data with docSnap.data(). If not, handle the missing document by showing a message or other logic. This prevents errors and ensures your app behaves correctly when documents are missing.

Practice

1. What does the getDoc() function do in Firebase when working with a single document?

easy

A. It fetches the data of a specific document from the database.

B. It creates a new document in the database.

C. It deletes a document from the database.

D. It updates the fields of a document.

Solution

1. Step 1: Understand the purpose of getDoc()

   The getDoc() function is used to retrieve data from a specific document in Firebase Firestore.

2. Step 2: Differentiate from other functions

   Functions like setDoc() create or update documents, while deleteDoc() removes them. getDoc() only reads data.

3. Final Answer:

   It fetches the data of a specific document from the database. -> Option A

4. Quick Check:

   getDoc() reads document data [OK]

Hint: Remember: getDoc() reads, setDoc() writes [OK]

Common Mistakes:

• Confusing getDoc() with setDoc() or deleteDoc()
• Thinking getDoc() creates documents
• Assuming getDoc() updates data

2. Which of the following is the correct way to get a single document from a Firestore collection named users with ID user123 in JavaScript?

easy

A. const docRef = getDoc(db, 'users', 'user123');

B. const docSnap = await getDoc('users/user123');

C. const docRef = doc(db, 'users', 'user123'); const docSnap = await getDoc(docRef);

D. const docSnap = doc(db, 'users', 'user123');

Solution

1. Step 1: Use doc() to reference the document

   The doc() function takes the database, collection name, and document ID to create a reference.

2. Step 2: Use getDoc() with the document reference

   Pass the document reference to getDoc() to fetch the document snapshot asynchronously.

3. Final Answer:

   const docRef = doc(db, 'users', 'user123'); const docSnap = await getDoc(docRef); -> Option C

4. Quick Check:

   doc() creates ref, getDoc() fetches [OK]

Hint: Always create doc ref first, then getDoc(ref) [OK]

Common Mistakes:

• Passing string path directly to getDoc()
• Using getDoc() to create doc reference
• Calling doc() without database argument

3. Given the following code snippet, what will be logged if the document with ID doc1 exists and has a field name with value Alice?

const docRef = doc(db, 'users', 'doc1');
const docSnap = await getDoc(docRef);
if (docSnap.exists()) {
  console.log(docSnap.data().name);
} else {
  console.log('No such document!');
}

medium

A. No such document!

B. Alice

C. undefined

D. Error: docSnap.data() is not a function

Solution

1. Step 1: Check if document exists

   The code uses docSnap.exists() to verify the document presence, which is true here.

2. Step 2: Access the name field from document data

   Since the document exists, docSnap.data() returns the data object, and name is Alice.

3. Final Answer:

   Alice -> Option B

4. Quick Check:

   Document exists, print name field [OK]

Hint: Check exists() before accessing data() [OK]

Common Mistakes:

• Not checking exists() before data()
• Expecting data() to return undefined if no doc
• Confusing data() with get()

4. What is wrong with the following code snippet for getting a document from Firestore?

const docSnap = await getDoc('users/user123');
if (docSnap.exists()) {
  console.log(docSnap.data());
}

medium

A. You cannot use console.log with docSnap.data().

B. Missing await keyword before getDoc().

C. docSnap.exists() is not a valid method.

D. getDoc() requires a document reference, not a string path.

Solution

1. Step 1: Understand getDoc() argument requirements

   The getDoc() function expects a document reference created by doc(), not a string path.

2. Step 2: Identify the error in argument type

   Passing a string like 'users/user123' directly causes an error because it's not a valid document reference.

3. Final Answer:

   getDoc() requires a document reference, not a string path. -> Option D

4. Quick Check:

   getDoc() needs doc() ref [OK]

Hint: Always use doc() to create reference before getDoc() [OK]

Common Mistakes:

• Passing string path directly to getDoc()
• Forgetting to create doc reference
• Assuming getDoc() accepts string paths

5. You want to fetch a user's profile document from Firestore and safely handle the case when the document does not exist. Which code snippet correctly implements this behavior?

hard

A. const docRef = doc(db, 'profiles', userId);
const docSnap = await getDoc(docRef);
if (docSnap.exists()) {
return docSnap.data();
} else {
return null;
}

B. const docSnap = await getDoc(doc(db, 'profiles', userId));
return docSnap.data();

C. const docRef = doc(db, 'profiles', userId);
const docSnap = getDoc(docRef);
if (docSnap.exists()) {
return docSnap.data();
} else {
return {};
}

D. const docSnap = await getDoc('profiles/' + userId);
if (docSnap.exists()) {
return docSnap.data();
} else {
throw new Error('Document missing');
}

Solution

1. Step 1: Create a document reference correctly

   Use doc(db, 'profiles', userId) to get the document reference.

2. Step 2: Await the asynchronous getDoc() call and check existence

   Use await getDoc(docRef) and check docSnap.exists() before accessing data.

3. Step 3: Return data if exists, else return null

   This safely handles missing documents by returning null instead of causing errors.

4. Final Answer:

   Code snippet that awaits getDoc, checks exists(), returns data or null. -> Option A

5. Quick Check:

   Check exists() before data() to avoid errors [OK]

Hint: Always check exists() before using data() [OK]

Common Mistakes:

• Not awaiting getDoc() causing unresolved promises
• Accessing data without checking exists()
• Passing string path directly to getDoc()
• Throwing error instead of handling missing doc gracefully