ecelis / healtcoach Goto Github PK
View Code? Open in Web Editor NEWMeal plan generator web
Home Page: https://healthcoach.app.patito.club
License: MIT License
Meal plan generator web
Home Page: https://healthcoach.app.patito.club
License: MIT License
Add the library
npm install @airbrake/browser
To report errors from a React app, you'll need to set up and use an ErrorBoundary
component and initialize a Notifier
with your projectId
and projectKey
.
import React, { Component } from 'react';
import { Notifier } from '@airbrake/browser';
class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false };
this.airbrake = new Notifier({
projectId: 429320,
projectKey: 'afed0f3d154a0f9b3592991c4f35f494'
});
}
componentDidCatch(error, info) {
// Display fallback UI
this.setState({ hasError: true });
// Send error to Airbrake
this.airbrake.notify({
error: error,
params: {info: info}
});
}
render() {
if (this.state.hasError) {
// You can render any custom fallback UI
return <h1>Something went wrong.</h1>;
}
return this.props.children;
}
}
export default ErrorBoundary;
Then you can use it as a regular component:
<ErrorBoundary>
<MyWidget />
</ErrorBoundary>
To test that Airbrake has been installed correctly in your project, start up
your JS project locally. Then visit it in your browser (eg:
http://localhost:1080
), open the JS console, and paste in the following to
trigger a test error:
window.onerror("TestError: This is a test", "path/to/file.js", 123);
This should send a test error to your Airbrake project.
Visit our official GitHub repo for more info on alternative configurations and advanced options.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.