AI logo
AI

reactlynx-best-practices

教会 agent 使用 ReactLynx 编写双线程 React 代码的模式。包含静态分析规则和常见问题的自动修复:

  • detect-background-only(关键)— 确保原生 API 调用(lynx.getJSModuleNativeModules)只在后台线程上下文中发生,防止 UI 阻塞。
  • proper-event-handlers — ReactLynx 中正确的事件处理模式(bindtapcatchtap)和事件传播。
  • main-thread-scripts-guide — 如何正确使用 'main thread' 指令和 main-thread: 事件前缀来实现流畅的动画和手势处理。
  • hoist-static-jsx — 通过将静态 JSX 元素提升到组件外部以避免不必要的重新创建来优化性能。
Tip

这些规则也作为独立指南进行了文档化。详细说明和代码示例请参阅最佳实践

安装

npx skills add lynx-community/skills -s reactlynx-best-practices

这会将 skill 规则添加到你的项目中,以便兼容的 coding agent(如 Claude Code、Cursor 或 Copilot)能够自动应用它们。

了解更多

除非另有说明,本项目采用知识共享署名 4.0 国际许可协议进行许可,代码示例采用 Apache License 2.0 许可协议进行许可。