@appsignal/preact - AppSignal Documentation

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>
    )
  }
}

⌘I

​Installatie

​Met npm of yarn

​Met JSPM.io import maps

​Met rails-importmap

​Gebruik

​Error Boundary