@appsignal/react
这个 @appsignal/javascript react v15+的集成.
另见 单重播读取器 更多信息.
安装
添加数据 @appsignal/react 财务报告和审定财务报表 @appsignal/javascript 给您的软件包 package.json运行 yarn install编号 :npm install。 。 。 .
您也可以将这些软件包添加到您的 package.json 在命令行上 :
yarn add @appsignal/javascript @appsignal/react
npm install --save @appsignal/javascript @appsignal/react
使用量
错误边界
如果您正在使用 React v16 或更高,您可以使用 ErrorBoundary 组件以捕捉儿童组件树中任何地方的错误.
import React from "react"
import ReactDOM from "react-dom"
import Appsignal from "@appsignal/javascript"
import { ErrorBoundary } from "@appsignal/react"
const appsignal = new Appsignal({
key: "YOUR FRONTEND API KEY"
})
const FallbackComponent = () => (
<div>Uh oh! There was an error :(</div>
)
const App = () => (
<ErrorBoundary instance={appsignal} fallback={(error) => <FallbackComponent />}>
{ /** Child components here **/}
</ErrorBoundary>
)
ReactDOM.render(<App />, document.getElementById("root"))
遗留边界
⚠️ 警报: 该组件使用的API在React的开发中此时不稳定. 我们提出这个部分作为支持那些运行React v15的工具,但并不保证它的再联络. 鼓励您使用 ErrorBoundary 只要可能,就应该.
这个 LegacyBoundary 几乎完全一样 ErrorBoundary数字 :
import React from "react"
import ReactDOM from "react-dom"
import Appsignal from "@appsignal/javascript"
import { LegacyBoundary } from "@appsignal/react"
const appsignal = new Appsignal({
key: "YOUR FRONTEND API KEY"
})
const FallbackComponent = () => (
<div>Uh oh! There was an error :(</div>
)
const App = () => (
<LegacyBoundary instance={appsignal} fallback={(error) => <FallbackComponent />}>
{ /** Child components here **/}
</LegacyBoundary>
)
ReactDOM.render(<App />, document.getElementById("root"))
发展
安装
确保安装单机 和靴子,看看 项目README的开发部分 更多信息.
您可以运行以下操作以启动编译器 监视 模式。 自动编译 ES 模块和 CommunityJS 变体:
yarn build:watch
您也可以不查看目录而构建库 :
yarn build # build both CJS and ESM
yarn build:cjs # just CJS
yarn build:esm # just ESM
测试
此库的测试 欢乐 作为测试跑者。 一旦您安装了依赖性, 您可以在这个寄存器的根部运行以下命令来运行所有软件包的测试, 或者在只运行与该软件包有关的测试的软件包目录中运行 :
yarn test
版本
此还原使用 语义版本 (通常称为 铸造) (中文(简体) ). 寄存器中的每个软件包都是相互独立的版本.
@TODO:一旦我们更了解释放
捐款
考虑为这次再投资做贡献? 赞
请跟我们走 贡献指南 我们的文件,并跟着我们 行为守则。 。 。 .
而且,我们很乐意给你送来斯多普瓦夫斯 看看每个人,我们发送一个包裹 到目前为止,我们 Stroopwafles 页面。 。 。 .
支助
联系我们 直接和AppSignal的工程师交谈 他们会帮助你得到设置, 调整你的代码 并确保你得到最多的 使用AppSignal.