First Firebase integration - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is Firebase in simple terms?

Firebase is a set of tools from Google that helps you build apps quickly. It provides services like storing data, user login, and hosting without needing your own servers.

beginner

What is the first step to integrate Firebase into a web app?

The first step is to create a Firebase project in the Firebase console and then add your app to that project to get the configuration details.

beginner

What is the purpose of the Firebase config object in your app?

The Firebase config object contains keys and identifiers that connect your app to your Firebase project, allowing your app to use Firebase services.

beginner

How do you initialize Firebase in a JavaScript app?

You import Firebase libraries and call the initialization function with your config object, which sets up Firebase services for your app.

intermediate

Why is it important to keep Firebase config keys safe even though they are public?

While Firebase config keys are not secret, you should still protect your Firebase rules and backend to prevent unauthorized access or misuse of your data.

What is the first thing you do to start using Firebase in your app?

A Buy a server

B Write your app code first

C Create a Firebase project in the Firebase console

D Install a database manually

You must first create a Firebase project to get the configuration needed to connect your app.

Which of these is part of the Firebase config object?

A API key

B User password

C Server IP address

D Database schema

The API key is included in the Firebase config to identify your project.

How do you add Firebase to a web app?

A Include Firebase scripts and initialize with config

B Install Firebase on your computer

C Write Firebase code in HTML only

D Use Firebase without any setup

You add Firebase scripts and initialize it with your config object in your app code.

Why should you set Firebase security rules?

A To reduce Firebase costs

B To speed up your app

C To make your app look better

D To control who can read and write your data

Security rules protect your data by controlling access.

Which Firebase service helps with user login?

A Firebase Analytics

B Firebase Authentication

C Firebase Storage

D Firebase Hosting

Firebase Authentication manages user sign-in and identity.

Explain the steps to integrate Firebase into a new web app.

Think about what you do first in the Firebase console and then in your app code.

Describe why Firebase config keys are needed and how to keep your app secure.

Consider the role of config keys and the importance of security rules.

Practice

1. What is the first step to use Firebase services in your app?

easy

A. Initialize Firebase with your project configuration

B. Write data to the database

C. Create a user account

D. Deploy your app to the web

Solution

1. Step 1: Understand Firebase setup process

   Firebase services require initialization with your project details before use. Initializing Firebase with your config is the essential first step to enable services.

2. Final Answer:

   Initialize Firebase with your project configuration -> Option A

3. Quick Check:

   Firebase setup starts with initialization [OK]

Hint: Always start by initializing Firebase with your config [OK]

Common Mistakes:

• Trying to use services before initialization
• Skipping config setup
• Assuming Firebase works without project details

2. Which of the following is the correct way to initialize Firebase in JavaScript?

easy

A. firebase.configApp(config);

B. firebase.startApp(config);

C. firebase.initializeApp(config);

D. firebase.launchApp(config);

Solution

1. Step 1: Recall Firebase initialization syntax

   The official method to start Firebase is initializeApp with the config object. Only initializeApp is the correct Firebase method; others are invalid.

2. Final Answer:

   firebase.initializeApp(config); -> Option C

3. Quick Check:

   Use initializeApp to start Firebase [OK]

Hint: Remember: initializeApp starts Firebase, not startApp or others [OK]

Common Mistakes:

• Using incorrect method names
• Forgetting parentheses after method
• Passing wrong argument types

3. Given this code snippet:

const config = { apiKey: "abc123", authDomain: "myapp.firebaseapp.com" };
firebase.initializeApp(config);
console.log(firebase.apps.length);

What will be printed to the console?

medium

A. 0

B. Error

C. undefined

D. 1

Solution

1. Step 1: Understand firebase.apps array

   After initialization, firebase.apps contains all initialized app instances. Since initializeApp was called once, firebase.apps.length is 1.

2. Final Answer:

   1 -> Option D

3. Quick Check:

   One initialized app means length is 1 [OK]

Hint: firebase.apps.length shows how many apps are initialized [OK]

Common Mistakes:

• Assuming length is 0 before usage
• Expecting undefined instead of number
• Confusing apps array with config object

4. You wrote this code but get an error:

firebase.initializeApp();

What is the likely cause?

medium

A. Missing configuration object in initializeApp call

B. firebase library not imported

C. Calling initializeApp twice

D. Using wrong method name

Solution

1. Step 1: Check initializeApp requirements

   initializeApp requires a config object with project details. Calling initializeApp without config causes an error due to missing parameters.

2. Final Answer:

   Missing configuration object in initializeApp call -> Option A

3. Quick Check:

   initializeApp needs config object [OK]

Hint: Always pass config object to initializeApp [OK]

Common Mistakes:

• Forgetting to pass config
• Assuming default config is used
• Ignoring error messages about missing params

5. You want to integrate Firebase Authentication and Firestore in your app. Which is the correct sequence after importing Firebase?

hard

A. Initialize Firebase with config, then deploy app before using services

B. Initialize Firebase with config, then get Auth and Firestore instances

C. Get Auth and Firestore instances, then initialize Firebase

D. Deploy app first, then initialize Firebase and get services

Solution

1. Step 1: Initialization before service usage

   Firebase must be initialized with config before accessing any services like Auth or Firestore. After initialization, you can get instances of Auth and Firestore to use them in your app.

2. Final Answer:

   Initialize Firebase with config, then get Auth and Firestore instances -> Option B

3. Quick Check:

   Initialize first, then get services [OK]

Hint: Always initialize Firebase before accessing services [OK]

Common Mistakes:

• Trying to get services before initialization
• Deploying app before setup
• Confusing order of operations