Setting up Waitlyst in your node project

If you are using one of the major node frameworks—such as Angular, React, or Vue.js—to build your product, you may need to do some additional work to make sure Waitlyst is properly tracking events.

This guide walks you through how to do this in each framework.

For this tutorial, we will assume you have already installed waitlyst.js in your project. If you haven't, you can do so by running the following command in your terminal: npm install @indextrus/waitlyst.js --save

Angular setup

The best way to integrate Waitlyst into your Angular project is to create a service that wraps the Waitlyst library. This service can then be injected into any component that needs to track events.

import { Injectable } from '@angular/core';
import { Waitlyst } from '@indextrus/waitlyst.js';

@Injectable({
  providedIn: 'root',
})
export class EventsService {
  public waitlyst: Waitlyst;

  constructor() {
    this.waitlyst = new Waitlyst("publishableKey");
  }

  public track(event: string, properties?: any): Promise<any> {
    return this.waitlyst.track(event, properties);
  }

  public identify(id: string, traits?: any): Promise<any> {
    return this.waitlyst.identify(id, traits);
  }

  public page(properties?: any): Promise<any> {
    return this.waitlyst.page(properties);
  }
}

React setup

Coming soon!

VueJS setup

Coming soon!