Serverless Web Applications with React and Firebase

By : Singh, Tanna

3.5 (4)

Buy this Book

Serverless Web Applications with React and Firebase

3.5 (4)

By: Singh, Tanna

Buy this Book

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.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Getting Started with Firebase and React

React

Firebase

Getting started with Firebase

Summary

Integrate React App with Firebase

Setting up the environment

Summary

Authentication with Firebase

React and Firebase setup with Node.Js

Summary

Connecting React to Redux and Firebase

React setup

Integrating Firebase Realtime Database

What is Redux?

Basics of Redux

Advanced topics in Redux

Seat booking with Redux

Summary

User Profile and Access Management

Setting up Firebase Admin SDK

Summary

Firebase Security and Rules

Security risks and prevention

How secure is your Firebase?

Rule definition and structure

Data indexing

Backups

Summary

Using Firebase Cloud Messaging and Cloud Functions with React

Firebase Cloud Messaging (FCM)

Cloud Functions

Summary

Firebase Cloud Storage

Google Cloud Storage

Key features of Cloud Storage for Firebase

How does it work?

Setting up the Cloud Storage

Google App Engine

Firebase hosting

Summary

Best Practices

Best practices with Firebase

Best practices with React and Redux

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

3.5 (4)

5 star

25%

4 star

50%

3 star

2 star

1 star

25%

Using Firebase Cloud Messaging and Cloud Functions with React

In the previous chapters, we explored some of the Firebase products, such as Realtime Database, Authentication, Cloud Firestore, and Cloud Storage. However, we haven't seen some of the advanced features yet, such as Realtime messaging and serverless app development. Now we are ready to explore them, so let's discuss two more products from Firebase platform: Firebase Cloud Messaging and Cloud Functions. Firebase Cloud Messaging is a messaging platform to send free messages across different platforms: Android, iOS, and web. Cloud Functions allow you to have serverless apps, meaning that you can run your custom application logic without a server.

Here's a list of topics that we'll focus on in this chapter: