@appsignal/preact - AppSignal Documentation

Installation

Mit npm oder yarn

Fügen Sie die Pakete @appsignal/preact und @appsignal/javascript zu Ihrer package.json hinzu. Führen Sie dann npm install/yarn install aus. Sie können diese Pakete auch auf der Kommandozeile zu Ihrer package.json hinzufügen:

yarn add @appsignal/javascript @appsignal/preact
npm install @appsignal/javascript @appsignal/preact

Mit JSPM.io Import Maps

Mit dem JSPM.io Import Map Generator können Sie eine Import Map für die Abhängigkeiten Ihrer Anwendung generieren. Fügen Sie @appsignal/javascript und @appsignal/preact zur Liste der Abhängigkeiten im Generator hinzu, und integrieren Sie dann die generierte Import Map sowie ES-Module-Shims in den Code Ihrer Anwendung.

Mit `rails-importmap`

Verwenden Sie den folgenden Befehl, um diese Pakete zu den Import Maps Ihrer Rails-Anwendung hinzuzufügen:

./bin/importmap pin @appsignal/javascript @appsignal/preact

Verwendung

Error Boundary

Wenn Sie Preact v10.0.0 oder höher verwenden, können Sie die ErrorBoundary-Komponente verwenden, um Fehler von beliebiger Stelle im untergeordneten Komponentenbaum abzufangen.

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