Rat Client for JS, using Angular example

[drdreo]

When we create a rat client for JS we can have a look on how this real world configuration is loaded and provide this as one way to load rat data: https://devblogs.microsoft.com/premier-developer/angular-how-to-editable-config-files/

[drdreo]

A comparison of third-party providers client APIs:

Application Insights

Install
npm i --save @microsoft/applicationinsights-web

Usage

const appInsights = new ApplicationInsights({ config: {
  instrumentationKey: 'YOUR_INSTRUMENTATION_KEY_GOES_HERE'
  /* ...Other Configuration Options... */
} });
appInsights.loadAppInsights();
appInsights.trackPageView();

Sentry

Install:
npm install --save @sentry/browser

Usage

Sentry.init({
  dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
  maxBreadcrumbs: 50,
  debug: true
});

Sentry.captureMessage("Something went wrong");

Firestore

Install
npm install @google-cloud/firestore

Usage

const firestore = new Firestore();
const document = firestore.doc('posts/intro-to-firestore');

// Enter new data into the document.
await document.set({
  title: 'Welcome to Firestore',
  body: 'Hello World',
});