Book Image

Serverless Web Applications with React and Firebase

By : Harmeet Singh, Mayur Tanna
Book Image

Serverless Web Applications with React and Firebase

By: Harmeet Singh, Mayur Tanna

Overview of this book

ReactJS is a wonderful framework for UI development. Firebase as a backend with React is a great choice as it is easy, powerful, and provides great developer experience. It removes a lot of boilerplate code from your app and allows you to focus on your app to get it out quickly to users. Firebase with React is also a good choice for Most Viable Product (MVP) development. This book provides more practical insights rather than just theoretical concepts and includes basic to advanced examples – from hello world to a real-time seat booking app and Helpdesk application This book will cover the essentials of Firebase and React.js and will take you on a fast-paced journey through building real-time applications with Firebase features such as Cloud Storage, Cloud Function, Hosting and the Realtime Database. We will learn how to secure our application by using Firebase authentication and database security rules. We will leverage the power of Redux to organize data in the front-end, since Redux attempts to make state mutations predictable by imposing certain restrictions on how and when updates can happen. Towards the end of the book you will have improved your React skills by realizing the potential of Firebase to create real-time serverless web applications.
Table of Contents (16 chapters)
Title Page
Copyright and Credits
Packt Upsell
Contributors
Preface
Free Chapter
1
Getting Started with Firebase and React
Index

Summary


Our simple Hello World application and Hello World examples are looking great and working exactly as they should; so, let's review what we've learned in this chapter. To begin with, we covered React and Firebase and how easy it is to set up the Firebase account and configuration. We also looked at the difference between Realtime Database and Firestore. Apart from that, we learned how simple it is to initialize Realtime Firebase Database with JavaScript and started building our first Hello World application. The Hello World application that we created demonstrates some of Firebase's basic features, such as the following:

  • About Realtime Database and Firestore
  • Difference between Realtime Database and Firestore
  • Firebase account creation and configuration with JavaScript App
  • Firebase Events (value and child_data)
  • Saving the values into the database
  • Read the values from the database

In Chapter 2Integrate React App with Firebase, let's build a React application with Firebase. We will explore some more React and Firebase fundamentals and introduce the project that we will build over the course of this book.