Beginning React and Firebase: Create Four Beginner-Friendly Projects Using React and Firebase

© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2022

N. BiswasBeginning React and Firebasehttps://doi.org/10.1007/978-1-4842-7812-3_2

2. Building a To-Do App with React and Firebase

Nabendu Biswas¹  

(1)

Bhopal, India

 

In the previous chapter, you learned to deploy a React app through Firebase. In this chapter, you will learn how to build an awesome to-do list app in ReactJS, with the data stored in the back end, specifically in a Firebase Firestore database. The hosting will also be in Firebase.

We will show how to use Material UI for the icons in the project, and we will be using a useRef hook in this project. Figure 2-1 shows what the app will look like. The user will be able to enter a to-do item and store ...