Firebase with React - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is Firebase in simple terms?

Firebase is a service that helps you add features like databases, user login, and storage to your app without managing servers.

beginner

How does React work with Firebase?

React is a tool to build user interfaces, and Firebase provides backend services. Together, React shows data and Firebase stores or manages it.

beginner

What is the purpose of Firebase Authentication in a React app?

Firebase Authentication helps you easily add user sign-up and login features to your React app without building your own system.

intermediate

Why use Firestore with React instead of a traditional database?

Firestore updates data in real-time and works well with React’s fast interface updates, making apps feel smooth and live.

intermediate

What is a common way to connect Firebase to React components?

You usually create a Firebase config file, initialize Firebase, then use React hooks like useEffect to fetch or listen to data.

What Firebase service is used to store and sync data in real-time with React?

A Firebase Functions

B Firestore

C Firebase Analytics

D Firebase Hosting

Firestore is Firebase's real-time database service that syncs data with apps like React.

Which React hook is commonly used to fetch Firebase data when a component loads?

A useContext

B useState

C useEffect

D useReducer

useEffect runs code when components mount, perfect for fetching Firebase data.

What does Firebase Authentication provide for a React app?

A Cloud storage

B Hosting static files

C Real-time database

D User login and sign-up features

Firebase Authentication manages user sign-in and sign-up easily.

How do you initialize Firebase in a React project?

A By importing Firebase config and calling initializeApp()

B By installing React Router

C By creating a new React component

D By using useState hook

You import your Firebase config and call initializeApp() to start Firebase.

Which Firebase feature helps you store files like images in a React app?

A Firebase Storage

B Firestore

C Firebase Authentication

D Firebase Hosting

Firebase Storage is used to upload and store files such as images.

Explain how you would set up Firebase in a new React project to fetch and display data.

Think about the steps from Firebase setup to showing data in React.

Describe the benefits of using Firebase Authentication in a React app.

Focus on why Firebase Authentication saves time and effort.