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

Chapter 9. Best Practices

Before diving deep into the best practices to be followed while dealing with React and Firebase, let's recap what we have seen so far in the previous chapters.

In the previous chapters, we saw Firebase account Setup, Firebase integration with ReactJs, Login Authentication With Firebase Auth Providers, Auth State management in React Component, Securing Data based on Role and Profile, Firebase integration with React-Redux, Firebase Cloud Messaging, Firebase Cloud Functions, and Using Firebase Admin SDK API with React Components, and I hope you have also enjoyed this journey. Now we know from where can we start and how to write the code, but the most important stuff is how can we write standard coding by following best practices.

So when we create an application with React and Firebase, we need to ensure that the structure of your data in Firebase Database and passing the data into the react components is the most important part of the application.

In the development...