Lucid : React-GraphQL开发人员工具 Lucid是一个Chrome开发人员工具,旨在帮助工程师调试其React-GraphQL应用程序。 可视化React应用程序的组件层次结构,状态/属性数据和状态更改 实时查看您的GraphQL模式,查询和变异 基础技术 React标签 Lucid通过您的React应用程序进行解析,以生成表示您的React组件层次结构的交互式树形图,其中包含特定于节点的状态和props数据。 该树会在每次更改到React应用程序的状态时更新,并在左侧显示状态差异的日志。 这是通过针对WebExtensions的背景和内容脚本的Javascript API