Skip to main content

Firebase

Node classes list for the Firebase provider.

Example Usage​

import { Diagram } from "diagrams-js";
import { Firebase } from "diagrams-js/firebase/base";
import { Authentication, Firestore, Functions } from "diagrams-js/firebase/develop";

const diagram = Diagram("Firebase Architecture", { direction: "TB" });

const node1 = diagram.add(Firebase("Node 1"));
const node2 = diagram.add(Authentication("Node 2"));

node1.to(node2);

const svg = await diagram.render();
diagram.destroy();
note

All node classes available in the Python diagrams library are also available in diagrams-js with the same class names and structure.

Node Reference​

firebase/base​

Firebase Firebase

import { Firebase } from "diagrams-js/firebase/base";

firebase/develop​

Authentication

Authentication

import { Authentication } from "diagrams-js/firebase/develop";

Firestore Firestore

import { Firestore } from "diagrams-js/firebase/develop";

Functions Functions

import { Functions } from "diagrams-js/firebase/develop";

Hosting Hosting

import { Hosting } from "diagrams-js/firebase/develop";

MLKit MLKit

import { MLKit } from "diagrams-js/firebase/develop";
RealtimeDatabase

RealtimeDatabase

import { RealtimeDatabase } from "diagrams-js/firebase/develop";

Storage Storage

import { Storage } from "diagrams-js/firebase/develop";

firebase/extentions​

Extensions

Extensions

import { Extensions } from "diagrams-js/firebase/extentions";

firebase/grow​

ABTesting ABTesting

import { ABTesting } from "diagrams-js/firebase/grow";

AppIndexing AppIndexing

import { AppIndexing } from "diagrams-js/firebase/grow";
DynamicLinks

DynamicLinks

import { DynamicLinks } from "diagrams-js/firebase/grow";
InAppMessaging

InAppMessaging

import { InAppMessaging } from "diagrams-js/firebase/grow";

Invites Invites

import { Invites } from "diagrams-js/firebase/grow";

Messaging Messaging

import { Messaging } from "diagrams-js/firebase/grow";

Predictions Predictions

import { Predictions } from "diagrams-js/firebase/grow";
RemoteConfig

RemoteConfig

import { RemoteConfig } from "diagrams-js/firebase/grow";

firebase/quality​

AppDistribution

AppDistribution

import { AppDistribution } from "diagrams-js/firebase/quality";
CrashReporting

CrashReporting

import { CrashReporting } from "diagrams-js/firebase/quality";
Crashlytics

Crashlytics

import { Crashlytics } from "diagrams-js/firebase/quality";
PerformanceMonitoring

PerformanceMonitoring

import { PerformanceMonitoring } from "diagrams-js/firebase/quality";

TestLab TestLab

import { TestLab } from "diagrams-js/firebase/quality";