[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FEAVHAX62KWWQQ6XMV1KMF":3,"skill-same:01M6FEAVHAX62KWWQQ6XMV1KMF":45},{"skillNo":4,"name":5,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":18,"linkOnly":19,"markdownContent":20,"markdownBody":20,"frontMatter":21,"refName":22,"commitSha":23,"skillDirectory":24,"forksCount":25,"repositoryHtmlUrl":26,"repositoryHomepageUrl":27,"ownerHtmlUrl":28,"ownerBlogUrl":6,"ownerDescription":29,"updatedAt":30,"install":31,"resources":44},"01M6FEAVHAX62KWWQQ6XMV1KMF","expo",null,"ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",67,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fpproenca\u002Fdot-skills\u002Fexpo\u002FSKILL.md",[],[5],"2026-11-10 10:12:30",false,"# Community Expo React Native Best Practices\n\nComprehensive performance optimization guide for Expo React Native applications. Contains 54 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation.\n\n## When to Apply\n\nReference these guidelines when:\n- Writing new Expo React Native components\n- Optimizing app startup and Time to Interactive\n- Implementing lists, images, or animations\n- Reducing bundle size and memory usage\n- Reviewing code for mobile performance issues\n\n## Rule Categories by Priority\n\n| Priority | Category | Impact | Prefix |\n|----------|----------|--------|--------|\n| 1 | Launch Time Optimization | CRITICAL | `launch-` |\n| 2 | Bundle Size Optimization | CRITICAL | `bundle-` |\n| 3 | List Virtualization | HIGH | `list-` |\n| 4 | Image Optimization | HIGH | `image-` |\n| 5 | Data Fetching Patterns | HIGH | `data-` |\n| 6 | Navigation Performance | MEDIUM-HIGH | `nav-` |\n| 7 | Re-render Prevention | MEDIUM | `rerender-` |\n| 8 | Animation Performance | MEDIUM | `anim-` |\n| 9 | Memory Management | LOW-MEDIUM | `mem-` |\n\n## Quick Reference\n\n### 1. Launch Time Optimization (CRITICAL)\n\n- `launch-splash-screen-control` - Control splash screen visibility during asset loading\n- `launch-preload-critical-assets` - Preload fonts and images during splash\n- `launch-hermes-engine` - Use Hermes engine for faster startup\n- `launch-defer-non-critical` - Defer non-critical initialization\n- `launch-new-architecture` - Enable New Architecture for synchronous native communication\n- `launch-minimize-root-imports` - Minimize imports in root App component\n\n### 2. Bundle Size Optimization (CRITICAL)\n\n- `bundle-avoid-barrel-files` - Avoid barrel file imports\n- `bundle-analyze-size` - Analyze bundle size before release\n- `bundle-remove-unused-dependencies` - Remove unused dependencies\n- `bundle-split-by-architecture` - Generate architecture-specific APKs\n- `bundle-enable-proguard` - Enable ProGuard for Android release builds\n- `bundle-optimize-fonts` - Subset custom fonts to used characters\n- `bundle-use-lightweight-alternatives` - Use lightweight library alternatives\n\n### 3. List Virtualization (HIGH)\n\n- `list-use-flashlist` - Use FlashList instead of FlatList\n- `list-provide-estimated-size` - Provide accurate estimatedItemSize\n- `list-avoid-inline-functions` - Avoid inline functions in renderItem\n- `list-provide-getitemlayout` - Provide getItemLayout for fixed-height items\n- `list-avoid-key-prop` - Avoid key prop inside FlashList items\n- `list-batch-rendering` - Configure list batch rendering\n- `list-memoize-item-components` - Memoize list item components\n\n### 4. Image Optimization (HIGH)\n\n- `image-use-expo-image` - Use expo-image instead of React Native Image\n- `image-resize-to-display-size` - Resize images to display size\n- `image-use-webp-format` - Use WebP format for smaller file sizes\n- `image-use-placeholders` - Use BlurHash or ThumbHash placeholders\n- `image-preload-critical` - Preload critical above-the-fold images\n- `image-lazy-load-offscreen` - Lazy load off-screen images\n\n### 5. Data Fetching Patterns (HIGH)\n\n- `data-parallel-fetching` - Fetch independent data in parallel\n- `data-request-deduplication` - Deduplicate concurrent requests\n- `data-abort-requests` - Abort requests on component unmount\n- `data-pagination` - Implement efficient pagination strategies\n- `data-cache-strategies` - Use appropriate caching strategies\n- `data-optimistic-updates` - Apply optimistic updates for responsiveness\n\n### 6. Navigation Performance (MEDIUM-HIGH)\n\n- `nav-use-native-stack` - Use native stack navigator\n- `nav-unmount-inactive-screens` - Unmount inactive tab screens\n- `nav-prefetch-screen-data` - Prefetch data before navigation\n- `nav-optimize-screen-options` - Optimize screen options\n- `nav-avoid-deep-nesting` - Avoid deeply nested navigators\n\n### 7. Re-render Prevention (MEDIUM)\n\n- `rerender-use-memo-components` - Memoize expensive components with React.memo\n- `rerender-use-callback` - Stabilize callbacks with useCallback\n- `rerender-use-memo-values` - Memoize expensive computations with useMemo\n- `rerender-avoid-context-overuse` - Avoid overusing Context for frequent updates\n- `rerender-split-component-state` - Split components to isolate updating state\n- `rerender-use-react-compiler` - Enable React Compiler for automatic memoization\n- `rerender-avoid-anonymous-components` - Avoid anonymous components in JSX\n\n### 8. Animation Performance (MEDIUM)\n\n- `anim-use-reanimated` - Use Reanimated for UI thread animations\n- `anim-use-native-driver` - Enable useNativeDriver for Animated API\n- `anim-avoid-layout-animation` - Prefer transform over layout animations\n- `anim-gesture-handler-integration` - Use Gesture Handler with Reanimated\n- `anim-interaction-manager` - Defer heavy work during animations\n\n### 9. Memory Management (LOW-MEDIUM)\n\n- `mem-cleanup-useeffect` - Clean up subscriptions and timers\n- `mem-abort-fetch-requests` - Abort fetch requests on unmount\n- `mem-avoid-closure-leaks` - Avoid closure-based memory leaks\n- `mem-release-heavy-resources` - Release heavy resources when not needed\n- `mem-profile-with-tools` - Profile memory usage with development tools\n\n## How to Use\n\nRead individual reference files for detailed explanations and code examples:\n\n- [Section definitions](references\u002F_sections.md) - Category structure and impact levels\n- [Rule template](assets\u002Ftemplates\u002F_template.md) - Template for adding new rules\n- Example rules: [launch-splash-screen-control](references\u002Flaunch-splash-screen-control.md), [list-use-flashlist](references\u002Flist-use-flashlist.md)\n\n## Full Compiled Document\n\nFor the complete guide with all rules expanded: `AGENTS.md`\n",{},"main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Fpproenca\u002Fdot-skills\u002Fexpo",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":7,"skillName":5,"commands":32,"prompt":42,"zipAvailable":43},[33,36,39],{"tool":34,"command":35},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill expo",{"tool":37,"command":38},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill expo",{"tool":40,"command":41},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill expo","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fpproenca\u002Fdot-skills\u002Fexpo\u002FSKILL.md",true,[],[46,60,70,79,85,92],{"skillNo":47,"name":48,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":49,"categories":50,"keywords":56,"publishedAt":18},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[51],{"categoryNo":52,"categoryName":53,"taxonomyType":54,"taxonomyTypeDesc":55},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[57,58,59],"model","model hierarchy","model hierarchy skill",{"skillNo":61,"name":62,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":63,"categories":64,"keywords":66,"publishedAt":18},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[65],{"categoryNo":52,"categoryName":53,"taxonomyType":54,"taxonomyTypeDesc":55},[67,68,69],"MCP","zoom","zoom mcp",{"skillNo":71,"name":72,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":73,"categories":74,"keywords":75,"publishedAt":18},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[76,77,78,68],"sdk","zoom apps sdk","apps",{"skillNo":80,"name":81,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":82,"categories":83,"keywords":84,"publishedAt":18},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[81],{"skillNo":86,"name":87,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":88,"categories":89,"keywords":91,"publishedAt":18},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[90],{"categoryNo":52,"categoryName":53,"taxonomyType":54,"taxonomyTypeDesc":55},[87],{"skillNo":93,"name":94,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":95,"categories":96,"keywords":97,"publishedAt":18},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[94]]