Serverless Web Applications with React and Firebase by Tanna, Mayur -- Read -- Imperial Library of Trantor

Index

Title Page Copyright and Credits

Serverless Web Applications with React and Firebase

Packt Upsell

Why subscribe? PacktPub.com

Contributors

About the authors About the reviewer Packt is searching for authors like you

Preface

Who this book is for What this book covers To get the most out of this book

Download the example code files Conventions used

Get in touch

Reviews

Getting Started with Firebase and React

React

Component lifecycle

Methods info

The constructor() method The render() method The componentWillMount() method The componentDidMount() method The componentWillReceiveProps() method The shouldComponentUpdate() method The componentWillUpdate() method The componentDidUpdate() method The componentWillUnmount() method The componentDidCatch() method

Firebase

Realtime Database

Database rules Backups Usage

Cloud Firestore

Security rules

Difference between Realtime Database and Cloud Firestore

Data model Real-time and offline support Querying Reliability and performance Scalability Security

Crash reporting Authentication

FirebaseUI authentication for web

Cloud Functions

How does it work?

Cloud Storage Hosting Test lab for Android Performance Monitoring Google Analytics Cloud Messaging Dynamic Links Remote config Invites App indexing AdMob AdWords

Getting started with Firebase

Firebase events

value child_added child_changed child_removed child_moved

Summary

Integrate React App with Firebase

Setting up the environment

Installing React Using React React components What is JSX in React?

Advantages of using JSX in React How to make your code neat and clean

React Form with JSX Using React-Bootstrap

Add Ticket Form with React-Bootstrap

Firebase with React

Props and state The Ref attribute

Summary

Authentication with Firebase

React and Firebase setup with Node.Js

Firebase configuration for authentication

Authentication with Facebook

Creating a login form with React for authentication

Authentication with Facebook Authentication with Google

Handling account exists errors

Managing the Login across Refresh Authentication with email and password

Supported types of Auth state persistence

Summary

Connecting React to Redux and Firebase

React setup Integrating Firebase Realtime Database What is Redux?

Presentational and Container components

Basics of Redux

Actions Action creators Reducers Store Data flow

Advanced topics in Redux Seat booking with Redux Summary

User Profile and Access Management

Setting up Firebase Admin SDK

Firebase CLI

Installation Firebase Admin Integration

Using the Firebase Admin Auth API with React

Initializing the Admin SDK Creating and verifying custom token Custom claims for admin access and security rules

Adding custom claim with Admin SDK Verifying custom claim with Admin SDK sending the app

How data is structured in a JSON tree

Summary

Firebase Security and Rules

Security risks and prevention How secure is your Firebase?

Realtime Database Rules Overview

Authentication Authorization Data validation

Rule definition and structure

Query-based rules

Data indexing Backups

Setup Restoring from backups

Summary

Using Firebase Cloud Messaging and Cloud Functions with React

Firebase Cloud Messaging (FCM)

Key features of FCM

Sending downstream messages Sending upstream messages Versatile message targeting

FCM messages Setup of Firebase for Javascript web app

Installing Firebase and Firebase CLI Configuring the browser to receive messages Client app setup to receive notifications Server setup to send the notifications

Cloud Functions

Key features of Cloud Functions

Seamless integration with other Firebase Products and third-party APIs No server to maintain Private and secure

Life cycle of a function Setup of Firebase SDK for Cloud Functions

Firebase CLI Initializing the Firebase Cloud project Deployment and execution of Cloud Function

Triggering Functions

Realtime Database Triggers Authentication triggers Cloud Storage Triggers HTTP Triggers Cloud Firestore Triggers

Function termination

Summary

Firebase Cloud Storage

Google Cloud Storage

Key features of Google Cloud Storage Key concepts

Buckets Objects Resources Object immutability

Storage classes

Multi regional storage Regional storage Nearline storage Coldline storage Standard storage

Life Cycle Management APIs and tools Access control

Key features of Cloud Storage for Firebase How does it work? Setting up the Cloud Storage

Upload Files

Adding file metadata Managing uploads and error handling

Downloading files Deleting files

Google App Engine Firebase hosting

Deploying your site

Summary

Best Practices

Best practices with Firebase

Writing the data Avoid nesting data

Flattern data structure Avoid arrays Date object Custom claims Managing the user session

Enabling offline capabilities in JavaScript Optimize database performance

Monitor Realtime Database

Improve performance by metric

Connect your app to multiple database instances

Best practices with React and Redux

Use of Redux

Difference between Redux and Flux

Immutable React State

React Routing JSX components

Semantics / structured syntax Use of PropType in React component Benefit of higher-order components

Redux Architecture benefits

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

← Prev
Back
Next →

← Prev
Back
Next →