reactlynx-best-practices
教会 agent 使用 ReactLynx 编写双线程 React 代码的模式。包含静态分析规则和常见问题的自动修复:
detect-background-only(关键)— 确保原生 API 调用(lynx.getJSModule、NativeModules)只在后台线程上下文中发生,防止 UI 阻塞。proper-event-handlers— ReactLynx 中正确的事件处理模式(bindtap、catchtap)和事件传播。main-thread-scripts-guide— 如何正确使用'main thread'指令和main-thread:事件前缀来实现流畅的动画和手势处理。hoist-static-jsx— 通过将静态 JSX 元素提升到组件外部以避免不必要的重新创建来优化性能。
Tip
这些规则也作为独立指南进行了文档化。详细说明和代码示例请参阅最佳实践。
安装
这会将 skill 规则添加到你的项目中,以便兼容的 coding agent(如 Claude Code、Cursor 或 Copilot)能够自动应用它们。