ReactJS SDK

1 . Installation & Setup

To start using AllStak, follow these steps:

1. Install AllStak SDK

Run the following command in your project directory:

npm install @techsea/allstak-reactjs

or with yarn:

yarn add @techsea/allstak-reactjs

2. Import & Initialize AllStak

In your main React entry file (index.tsx or main.tsx), import and initialize AllStak:

import React from "react";
import ReactDOM from "react-dom/client";
import { AllStakErrorBoundary, initAllStak } from "@techsea/allstak-reactjs";
import App from "./App";

// AllStak Configuration
const config = {
  apiKey: "your_api_key",
  environment: "production",
};

// Initialize AllStak globally
initAllStak(config);

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
        {/* Wrap your entire application with the AllStak Error Boundary */}
        <AllStakErrorBoundary>
          <App />
        </AllStakErrorBoundary>
  </React.StrictMode>
);

---

3. Handling Errors in Components

To capture errors in specific components, wrap them with the AllStakErrorBoundary:

import { AllStakErrorBoundary } from "@techsea/allstak-reactjs";
import MyComponent from "./MyComponent";

function App() {
  return (
    <AllStakErrorBoundary>
      <MyComponent />
    </AllStakErrorBoundary>
  );
}

export default App;