@frontegg/react

Frontegg React

Frontegg is a web platform where SaaS companies can set up their fully managed, scalable and brand aware - SaaS features and integrate them into their SaaS portals in up to 5 lines of code.

Installation

Use the package manager npm to install frontegg React.JS library.

npm install @frontegg/react

Usage

Frontegg offers multiple components for integration with the Frontegg's scaleable back-end and front end libraries

Configuration

Frontegg react library requires simple one-liner configuration in order to efficiently interact with the Backend's Frontegg middleware

(*) Checkout the @frontegg/client documentation to read on how to configure the Frontegg backend middleware

Initializaing the Frontegg Configuration

On your App.js:

import * as Frontegg from '@frontegg/react'

const resolveToken = async () => {
    const token = await getTokenSilently(); // This sample is based on Auth0 but every authentication provider is supported (Including Frontegg :-))
    return token;
  }

  // Set the base URL for the API and the token resolver (In the sample below the backend is running on localhost:9090)
  Frontegg.Config.init('http://localhost:9090', resolveToken)

Audits

Let your customers record the events, activities and changes made to their tenant.

Frontegg’s Managed Audit Logs feature allows a SaaS company to embed an end-to-end working feature in just 5 lines of code.

Embedding the Managed Audits component is a simple one-liner

import * as Frontegg from '@frontegg/react'

const AuditsContainer = () => {

return (
    <div className="App">
       <Frontegg.Audits />
    </div>
  );