Get started with Blokay React

Install Blokay React


bash
npm install @blokay/react

Generate JWT token

You can generate the current user's session token by defining the logic directly within the Blokay platform.

See how to create sessions.

Add Blokay Provider to your app


tsx
import { BlokayProvider } from "@blokay/react";
 
function App() {
  return (
    <div className="App">
      <BlokayProvider businessId={"2"} jwtToken={token}>
        <App />
      </BlokayProvider>
    </div>
  );
}

Now you are ready to use Blokay blocks in your React code.


tsx
import { Block } from "@blokay/react";
 
function Component() {
  return (
    <div>
      <Block block="block.key" form={{}} />
    </div>
  );
}

How to create Sessions

Click to go

How to create ChartLines

Click to go

On this page

Get started with Blokay React

Install Blokay React

Generate JWT token

Add Blokay Provider to your app

Now you are ready to use Blokay blocks in your React code.

View this page on

GitHub