Naar hoofdinhoud gaan

​
Installatie

​
Met npm of yarn

Voeg de pakketten @appsignal/preact en @appsignal/javascript toe aan uw package.json. Voer vervolgens npm install/yarn install uit. U kunt deze pakketten ook via de command line aan uw package.json toevoegen: 
yarn add @appsignal/javascript @appsignal/preact
npm install @appsignal/javascript @appsignal/preact

​
Met JSPM.io import maps

Met de JSPM.io import map generator kunt u een import map genereren voor de afhankelijkheden van uw applicatie. Voeg @appsignal/javascript en @appsignal/preact toe aan de lijst met dependencies in de generator, en voeg vervolgens de gegenereerde import map en ES module shims toe aan de code van uw applicatie.

​
Met rails-importmap

Gebruik het volgende commando om deze pakketten toe te voegen aan de import maps van uw Rails-applicatie: 
./bin/importmap pin @appsignal/javascript @appsignal/preact

​
Gebruik

​
Error Boundary

Als u Preact v10.0.0 of hoger gebruikt, kunt u de ErrorBoundary-component gebruiken om fouten van overal in de boom met onderliggende componenten op te vangen. 
import { Component } from "preact";

import { appsignal } from "./appsignal";
import { ErrorBoundary } from "@appsignal/preact";

const FallbackComponent = () => (
  <div>Uh oh! There was an error :(</div>
);

export default class App extends Component {
  render() {
    return (
      <ErrorBoundary
        instance={appsignal}
        tags={{ tag: "value" }} {/* Optional */}
        fallback={(error) => <FallbackComponent />} {/* Optional */}
      >
        { /** Child components here **/}
      </ErrorBoundary>
    )
  }
}