reinpl

React performance monitoring SDK. Zero config. Automatic instrumentation.

Install

npm install reinpl

Quick Start

import { Reinpl } from "reinpl";

Reinpl.init({
  projectId: "your_project_id",
  apiKey: "your_api_key"
});

That's it. Every React component is now tracked automatically.

Get your credentials

Sign up at reinpl-dashboard.vercel.app to get your projectId and apiKey.

What it tracks

• Component render times
• Re-render frequency
• Hook usage (useEffect, useMemo, useCallback)
• Page/route performance
• Weighted Performance Index (WPI score)

Next.js

// components/ReinplProvider.tsx
"use client";

import { useEffect } from "react";
import { Reinpl } from "reinpl";

export default function ReinplProvider({ children }) {
  useEffect(() => {
    Reinpl.init({
      projectId: "your_project_id",
      apiKey: "your_api_key"
    });
  }, []);

  return <>{children}</>;
}

API

| Method | Description | |--------|-------------| | Reinpl.init(config) | Initialize the SDK | | trackUseEffect(name) | Track useEffect calls | | trackUseMemo(name) | Track useMemo calls | | trackUseCallback(name) | Track useCallback calls |

Config

interface ReinplConfig {
  projectId: string   // required
  apiKey: string      // required
  enabled?: boolean   // default: true
  auto?: boolean      // default: true
}

Dashboard

View your performance data at reinpl-dashboard.vercel.app

License

MIT