{"answer":"构建高性能移动应用的 React Native 与 Expo 最佳实践。适用于构建组件、优化列表性能、实现……"}
React Industrial Swills
功能概述
React Industrial Swills是一项面向实际任务的技能，主要用于React Industrial and Expo应用程序的综合最佳做法；Contains. 规则跨多个类别,涵盖性能,动画,UI模式,以及平台-spe.。
核心要点
- 它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
- 使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
- 该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。
使用与执行
从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；
结果检查与注意事项
若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。
React Native 技能规范
面向 React Native 和 Expo 应用的全面最佳实践。涵盖性能、动画、UI 模式及平台特定优化等多个类别的规则。
适用场景
在以下情况下可参考本指南：
- 开发 React Native 或 Expo 应用
- 优化列表与滚动性能
- 使用 Reanimated 实现动画
- 处理图片与媒体资源
- 配置原生模块或字体
- 在包含原生依赖的 monorepo 项目中组织代码结构
规则分类（按优先级排序）
| 优先级 | 类别 | 影响程度 | 前缀 |
|---|---|---|---|
| 1 | 列表性能 | CRITICAL | list-performance- |
| 2 | 动画 | HIGH | animation- |
| 3 | 导航 | HIGH | navigation- |
| 4 | UI 模式 | HIGH | ui- |
| 5 | 状态管理 | MEDIUM | react-state- |
| 6 | 渲染 | MEDIUM | rendering- |
| 7 | Monorepo | MEDIUM | monorepo- |
| 8 | 配置 | LOW | fonts-, imports- |
快速查阅
1. 列表性能（CRITICAL）
list-performance-virtualize— 对大型列表使用 FlashListlist-performance-item-memo— 对列表项组件进行 memo 化list-performance-callbacks— 稳定回调函数的引用list-performance-inline-objects— 避免内联样式对象list-performance-function-references— 将函数提取至渲染函数外部list-performance-images— 优化列表中的图片加载list-performance-item-expensive— 将耗时操作移出列表项list-performance-item-types— 对异构列表使用 item types
2. 动画（HIGH）
animation-gpu-properties— 仅对 transform 和 opacity 属性执行动画animation-derived-value— 使用 useDerivedValue 处理计算型动画animation-gesture-detector-press— 使用 Gesture.Tap 替代 Pressable
3. 导航（HIGH）
navigation-native-navigators— 优先使用原生栈（native stack）和原生标签页（native tabs），而非 JS 实现的导航器
4. UI 模式（HIGH）
ui-expo-image— 所有图片统一使用 expo-imageui-image-gallery— 图片灯箱（lightbox）使用 Galeriaui-pressable— 优先使用 Pressable 而非 TouchableOpacityui-safe-area-scroll— 在 ScrollView 中正确处理安全区域（safe area）ui-scrollview-content-inset— 使用 contentInset 实现头部区域适配ui-menus— 使用原生上下文菜单（native context menus）ui-native-modals— 在可行时优先使用原生模态框（native modals）ui-measure-views— 使用 onLayout，避免调用 measure()ui-styling— 使用 StyleSheet.create 或 Nativewind 进行样式定义
5. 状态管理（MEDIUM）
react-state-minimize— 最小化状态订阅范围react-state-dispatcher— 使用 dispatcher 模式管理回调函数react-state-fallback— 首次渲染时展示 fallback 内容react-compiler-destructure-functions— 为适配 React Compiler 进行函数解构react-compiler-reanimated-shared-values— 在 React Compiler 下正确处理 Reanimated 共享值（shared values）
6. 渲染（MEDIUM）
rendering-text-in-text-component— 文本内容必须包裹在 Text 组件中rendering-no-falsy-and— 避免使用 falsy && 进行条件渲染
7. Monorepo（MEDIUM）
monorepo-native-deps-in-app— 原生依赖应保留在 app 包中monorepo-single-dependency-versions— 各 package 间应统一依赖版本
8. 配置（LOW）
fonts-config-plugin— 使用 config plugins 配置自定义字体imports-design-system-folder— 规范设计系统（design system）导入路径的组织方式js-hoist-intl— 提升 Intl 对象的创建逻辑（hoist Intl object creation）
使用方法
请阅读各条规则对应的独立文件，获取详细说明与代码示例：
rules/list-performance-virtualize.md
rules/animation-gpu-properties.md
每条规则文件均包含以下内容：
- 该规则重要性的简要说明
- 错误代码示例及其问题分析
- 正确代码示例及其实现原理
- 补充上下文信息与参考资料
完整编译版文档
如需查看所有规则展开后的完整指南，请查阅：AGENTS.md
相关专题
本专题围绕 React 框架在大型前端项目中的性能优化展开，讲解组件生命周期优化、虚拟 DOM 原理、状态管理策略及懒加载技术。通过实战案例，帮助开发者构建性能优良、响应迅速的前端应用。
2026.04.13
165
18
本专题专注于 React 18 的高级开发技术，详细讲解 useState、useEffect、useReducer、useContext 等 Hooks 的使用技巧，以及 Redux、Zustand 等状态管理工具的集成与优化方法。通过真实案例，帮助前端开发者构建可维护、性能优良的现代 React 应用。
2026.02.10
183
17
本专题汇总了AionClaw（AI龙虾助手）的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体，能直接在电脑上读写文件、运行脚本、操作浏览器，自动交付Word、PPT、Excel等成品。
2026.09.20
0
13
AionClaw专题整理AI智能体与电脑自动化相关功能使用教程，涵盖安装部署、AI任务执行、Skills技能、文件处理、浏览器控制、电脑操作、持久记忆、聊天工具连接以及办公、编程和内容创作等功能，帮助用户快速掌握AionClaw的实际使用方法。
2026.09.20
0
15
本专题汇总了当前主流的AI视频生成软件推荐与排行榜单，涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比，助您快速选对适合创作需求的AI视频生成工具。
2026.09.16
0
9
本专题汇总了当前免费AI生成视频工具的排行榜与推荐清单，涵盖seko、讯飞智作、AniShort及剧云、Lovart等多模型集成平台。同时整理了各工具的免费额度、输出时长、水印政策及适用场景差异，助您快速选择合适工具开启AI视频创作。
2026.09.16
0
10
本专题整理Pandas读取CSV、Excel、JSON、SQL、Parquet等文件的方法，以及to_csv、to_excel、to_sql和to_parquet等常用数据导出流程。
2026.09.16
0
27
热门下载
相关下载
精品课程
最新文章