[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71EKVEPCQE75F42ERMBFQ9W":3,"skill-same:01M71EKVEPCQE75F42ERMBFQ9W":75},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":23,"publishedAt":44,"linkOnly":45,"markdownContent":46,"markdownBody":47,"frontMatter":48,"refName":52,"commitSha":53,"skillDirectory":54,"forksCount":55,"repositoryHtmlUrl":56,"repositoryHomepageUrl":6,"ownerHtmlUrl":57,"ownerBlogUrl":58,"ownerDescription":59,"updatedAt":60,"install":61,"resources":74},"01M71EKVEPCQE75F42ERMBFQ9W","upgrading-react-native",null,"Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and Gradle changes, and handling breaking API updates. Use when upgrading React Native, bumping RN version, updating from RN 0.x to 0.y, or migrating Expo SDK alongside a React Native upgrade.","iDorgham\u002FWorkspace-Factory","iDorgham","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F136521493?v=4","01M6CNGBDAHE4ARW3YJEF4X2FD","Dorgham","01M71E8H3CXZ7DJX59MTM9JEB2",1,"MIT","https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory\u002Fblob\u002Fmaster\u002F.ai\u002Fskills\u002Fofficial_callstackincubator_upgrading_react_native\u002Fskill.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43],"react","react native","native","upgrading react native","changelog","android","cocoapods","api","gradle","version","helper","updates","when","apps","use","upgrade","package","upgrades","diffs","diff","2026-11-10 10:12:30",false,"---\nname: upgrading-react-native\ndescription: Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and Gradle changes, and handling breaking API updates. Use when upgrading React Native, bumping RN version, updating from RN 0.x to 0.y, or migrating Expo SDK alongside a React Native upgrade.\nlicense: MIT\nmetadata:\n  author: Callstack\n  tags: react-native, upgrade, upgrade-helper, npm, changelog, cocoapods, ios, android\n---\n\n# Upgrading React Native\n\n## Overview\n\nCovers the full React Native upgrade workflow: template diffs via Upgrade Helper, dependency updates, Expo SDK steps, and common pitfalls.\n\n## Typical Upgrade Sequence\n\n1. **Route**: Choose the right upgrade path via [upgrading_react_native.md][upgrading-react-native]\n2. **Diff**: Fetch the canonical template diff using Upgrade Helper via [upgrade_helper_core.md][upgrade-helper-core]\n3. **Dependencies**: Assess and update third-party packages via [upgrading_dependencies.md][upgrading-dependencies]\n4. **React**: Align React version if upgraded via [react.md][react]\n5. **Expo** (if applicable): Apply Expo SDK layer via [expo_sdk_upgrade.md][expo-sdk-upgrade]\n6. **Verify**: Run post-upgrade checks via [upgrade_verification.md][upgrade-verification]\n\n```bash\n# Quick start: detect current version and fetch diff\nnpm pkg get dependencies.react-native --prefix \"$APP_DIR\"\nnpm view react-native dist-tags.latest\n\n# Example: upgrading from 0.76.9 to 0.78.2\n# 1. Fetch the template diff\ncurl -L -f -o \u002Ftmp\u002Frn-diff.diff \\\n  \"https:\u002F\u002Fraw.githubusercontent.com\u002Freact-native-community\u002Frn-diff-purge\u002Fdiffs\u002Fdiffs\u002F0.76.9..0.78.2.diff\" \\\n  && echo \"Diff downloaded OK\" || echo \"ERROR: diff not found, check versions\"\n# 2. Review changed files\ngrep -n \"^diff --git\" \u002Ftmp\u002Frn-diff.diff\n# 3. Update package.json, apply native changes, then install + rebuild\nnpm install --prefix \"$APP_DIR\"\ncd \"$APP_DIR\u002Fios\" && pod install\n# 4. Validate: both platforms must build successfully\nnpx react-native build-android --mode debug --no-packager\nxcodebuild -workspace \"$APP_DIR\u002Fios\u002FApp.xcworkspace\" -scheme App -sdk iphonesimulator build\n```\n\n## When to Apply\n\nReference these guidelines when:\n- Moving a React Native app to a newer version\n- Reconciling native config changes from Upgrade Helper\n- Validating release notes for breaking changes\n\n## Quick Reference\n\n| File | Description |\n|------|-------------|\n| [upgrading_react_native.md][upgrading-react-native] | Router: choose the right upgrade path |\n| [upgrade_helper_core.md][upgrade-helper-core] | Core Upgrade Helper workflow and reliability gates |\n| [upgrading_dependencies.md][upgrading-dependencies] | Dependency compatibility checks and migration planning |\n| [react.md][react] | React and React 19 upgrade alignment rules |\n| [expo_sdk_upgrade.md][expo-sdk-upgrade] | Expo SDK-specific upgrade layer (conditional) |\n| [upgrade_verification.md][upgrade-verification] | Manual post-upgrade verification checklist |\n| [monorepo_singlerepo_targeting.md][monorepo-singlerepo-targeting] | Monorepo and single-repo app targeting and command scoping |\n\n## Problem → Skill Mapping\n\n| Problem | Start With |\n|---------|------------|\n| Need to upgrade React Native | [upgrade_helper_core.md][upgrade-helper-core] |\n| Need dependency risk triage and migration options | [upgrading_dependencies.md][upgrading-dependencies] |\n| Need React\u002FReact 19 package alignment | [react.md][react] |\n| Need workflow routing first | [upgrading_react_native.md][upgrading-react-native] |\n| Need Expo SDK-specific steps | [expo_sdk_upgrade.md][expo-sdk-upgrade] |\n| Need manual regression validation | [upgrade_verification.md][upgrade-verification] |\n| Need repo\u002Fapp command scoping | [monorepo_singlerepo_targeting.md][monorepo-singlerepo-targeting] |\n\n[upgrading-react-native]: references\u002Fupgrading_react_native.md\n[upgrade-helper-core]: references\u002Fupgrade_helper_core.md\n[upgrading-dependencies]: references\u002Fupgrading_dependencies.md\n[react]: references\u002Freact.md\n[expo-sdk-upgrade]: references\u002Fexpo_sdk_upgrade.md\n[upgrade-verification]: references\u002Fupgrade_verification.md\n[monorepo-singlerepo-targeting]: references\u002Fmonorepo_singlerepo_targeting.md\n","# Upgrading React Native\n\n## Overview\n\nCovers the full React Native upgrade workflow: template diffs via Upgrade Helper, dependency updates, Expo SDK steps, and common pitfalls.\n\n## Typical Upgrade Sequence\n\n1. **Route**: Choose the right upgrade path via [upgrading_react_native.md][upgrading-react-native]\n2. **Diff**: Fetch the canonical template diff using Upgrade Helper via [upgrade_helper_core.md][upgrade-helper-core]\n3. **Dependencies**: Assess and update third-party packages via [upgrading_dependencies.md][upgrading-dependencies]\n4. **React**: Align React version if upgraded via [react.md][react]\n5. **Expo** (if applicable): Apply Expo SDK layer via [expo_sdk_upgrade.md][expo-sdk-upgrade]\n6. **Verify**: Run post-upgrade checks via [upgrade_verification.md][upgrade-verification]\n\n```bash\n# Quick start: detect current version and fetch diff\nnpm pkg get dependencies.react-native --prefix \"$APP_DIR\"\nnpm view react-native dist-tags.latest\n\n# Example: upgrading from 0.76.9 to 0.78.2\n# 1. Fetch the template diff\ncurl -L -f -o \u002Ftmp\u002Frn-diff.diff \\\n  \"https:\u002F\u002Fraw.githubusercontent.com\u002Freact-native-community\u002Frn-diff-purge\u002Fdiffs\u002Fdiffs\u002F0.76.9..0.78.2.diff\" \\\n  && echo \"Diff downloaded OK\" || echo \"ERROR: diff not found, check versions\"\n# 2. Review changed files\ngrep -n \"^diff --git\" \u002Ftmp\u002Frn-diff.diff\n# 3. Update package.json, apply native changes, then install + rebuild\nnpm install --prefix \"$APP_DIR\"\ncd \"$APP_DIR\u002Fios\" && pod install\n# 4. Validate: both platforms must build successfully\nnpx react-native build-android --mode debug --no-packager\nxcodebuild -workspace \"$APP_DIR\u002Fios\u002FApp.xcworkspace\" -scheme App -sdk iphonesimulator build\n```\n\n## When to Apply\n\nReference these guidelines when:\n- Moving a React Native app to a newer version\n- Reconciling native config changes from Upgrade Helper\n- Validating release notes for breaking changes\n\n## Quick Reference\n\n| File | Description |\n|------|-------------|\n| [upgrading_react_native.md][upgrading-react-native] | Router: choose the right upgrade path |\n| [upgrade_helper_core.md][upgrade-helper-core] | Core Upgrade Helper workflow and reliability gates |\n| [upgrading_dependencies.md][upgrading-dependencies] | Dependency compatibility checks and migration planning |\n| [react.md][react] | React and React 19 upgrade alignment rules |\n| [expo_sdk_upgrade.md][expo-sdk-upgrade] | Expo SDK-specific upgrade layer (conditional) |\n| [upgrade_verification.md][upgrade-verification] | Manual post-upgrade verification checklist |\n| [monorepo_singlerepo_targeting.md][monorepo-singlerepo-targeting] | Monorepo and single-repo app targeting and command scoping |\n\n## Problem → Skill Mapping\n\n| Problem | Start With |\n|---------|------------|\n| Need to upgrade React Native | [upgrade_helper_core.md][upgrade-helper-core] |\n| Need dependency risk triage and migration options | [upgrading_dependencies.md][upgrading-dependencies] |\n| Need React\u002FReact 19 package alignment | [react.md][react] |\n| Need workflow routing first | [upgrading_react_native.md][upgrading-react-native] |\n| Need Expo SDK-specific steps | [expo_sdk_upgrade.md][expo-sdk-upgrade] |\n| Need manual regression validation | [upgrade_verification.md][upgrade-verification] |\n| Need repo\u002Fapp command scoping | [monorepo_singlerepo_targeting.md][monorepo-singlerepo-targeting] |\n\n[upgrading-react-native]: references\u002Fupgrading_react_native.md\n[upgrade-helper-core]: references\u002Fupgrade_helper_core.md\n[upgrading-dependencies]: references\u002Fupgrading_dependencies.md\n[react]: references\u002Freact.md\n[expo-sdk-upgrade]: references\u002Fexpo_sdk_upgrade.md\n[upgrade-verification]: references\u002Fupgrade_verification.md\n[monorepo-singlerepo-targeting]: references\u002Fmonorepo_singlerepo_targeting.md\n",{"name":5,"license":15,"metadata":49,"description":7},{"tags":50,"author":51},"react-native, upgrade, upgrade-helper, npm, changelog, cocoapods, ios, android","Callstack","master","c2e410e11df4d80d885e0ecf0583ef3c926df736",".ai\u002Fskills\u002Fofficial_callstackincubator_upgrading_react_native",0,"https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory","https:\u002F\u002Fgithub.com\u002FiDorgham","Dorgham.me","hey I'm Dorgham \r\nI code, I create, and AI codes back. \r\nMaybe we can give AI the chance!! now we begin. 🚀🤖\r\n... . . . git commit -m \"Hello, Future\" ","2026-05-04 18:39:09",{"source":8,"skillName":5,"commands":62,"prompt":72,"zipAvailable":73},[63,66,69],{"tool":64,"command":65},"npx","npx skills add iDorgham\u002FWorkspace-Factory --skill upgrading-react-native",{"tool":67,"command":68},"bunx","bunx skills add iDorgham\u002FWorkspace-Factory --skill upgrading-react-native",{"tool":70,"command":71},"pnpm","pnpm dlx skills add iDorgham\u002FWorkspace-Factory --skill upgrading-react-native","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory\u002Fblob\u002Fmaster\u002F.ai\u002Fskills\u002Fofficial_callstackincubator_upgrading_react_native\u002Fskill.md",true,[],[76,102,122,144,163,186],{"skillNo":77,"name":78,"nameZh":6,"description":79,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":80,"categories":81,"keywords":83,"publishedAt":101},"01M71P8WVBMB2X3D24R0YT0B0E","vercel-react-view-transitions","Guide for implementing smooth, native-feeling animations using React's View Transition API (`\u003CViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter\u002Fexit of components, animate list reorder, implement directional (forward\u002Fback) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.","https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory\u002Fblob\u002Fmaster\u002Ffactory\u002Flibrary\u002Fskills\u002Fofficial_vercel_labs_react_view_transitions\u002Fskill.md",[82],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[24,84,85,86,87,88,89,90,91,92,93,94,95,96,36,97,31,98,99,100],"vercel react view transitions","view","react view transitions","vercel","transitions","shared","back","Animation","css","types","states","element","implementing","components","route","create","libraries","2026-11-10 13:02:02",{"skillNo":103,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":106,"categories":107,"keywords":109,"publishedAt":101},"01M71P8TDGHZ289TSAC5VTG2EW","vercel-react-native-skills","React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.","https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory\u002Fblob\u002Fmaster\u002Ffactory\u002Flibrary\u002Fskills\u002Fofficial_vercel_labs_react_native_skills\u002Fskill.md",[108],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[24,25,26,87,110,111,112,113,96,37,36,114,97,115,116,117,118,119,120,121],"vercel react native skills","react native skills","modules","performance","tasks","mobile","expo","list","mobile performance","platform","animations","for",{"skillNo":123,"name":124,"nameZh":6,"description":125,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":126,"categories":127,"keywords":129,"publishedAt":101},"01M71P8QK4JF5BYRGYDDGPZQG9","vercel-react-best-practices","React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React\u002FNext.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.","https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory\u002Fblob\u002Fmaster\u002Ffactory\u002Flibrary\u002Fskills\u002Fofficial_vercel_labs_react_best_practices\u002Fskill.md",[128],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[24,130,131,87,132,113,133,36,134,114,97,135,136,137,138,139,140,141,142,143],"react best practices","vercel react best practices","best practices","writing","code","data fetching","react components","next","refactoring","data","patterns","Optimization","guidelines","triggers",{"skillNo":145,"name":146,"nameZh":6,"description":147,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":148,"categories":149,"keywords":151,"publishedAt":101},"01M71P8HVEA70K5N6ZVJCG2ED3","vercel-composition-patterns","React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.","https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory\u002Fblob\u002Fmaster\u002Ffactory\u002Flibrary\u002Fskills\u002Fofficial_vercel_labs_composition_patterns\u002Fskill.md",[150],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[152,87,153,140,154,155,156,157,143,158,159,38,36,160,114,97,161,162,31,24],"Composition","composition patterns","vercel composition patterns","react composition patterns","react 19","render","boolean","component architecture","reusable","architecture","react composition",{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":167,"categories":168,"keywords":172,"publishedAt":101},"01M71P60XXKKP222ZFJRG7R373","supabase-postgres-best-practices","Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.","https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory\u002Fblob\u002Fmaster\u002Ffactory\u002Flibrary\u002Fskills\u002Fofficial_supabase_supabase_postgres_best_practices\u002Fskill.md",[169],{"categoryNo":170,"categoryName":171,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",[173,174,175,176,132,177,178,179,121,141,113,180,181,133,182,38,183,184,185,36],"postgres best practices","supabase","postgres","supabase postgres best practices","categories","postgres performance","advanced","correct","schema","impact","Rules","critical","database",{"skillNo":187,"name":188,"nameZh":6,"description":189,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":190,"categories":191,"keywords":193,"publishedAt":209},"01M71P2ZCEJD0PKC458YTP1FJW","portable-text-serialization","Render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text. Use when implementing Portable Text rendering in any frontend framework, building custom serializers for non-standard block types, converting Portable Text to HTML strings server-side, converting Portable Text to Markdown, extracting plain text from Portable Text, or troubleshooting rendering issues with marks, blocks, lists, or custom types.","https:\u002F\u002Fgithub.com\u002FiDorgham\u002FWorkspace-Factory\u002Fblob\u002Fmaster\u002Ffactory\u002Flibrary\u002Fskills\u002Fofficial_sanity_io_portable_text_serialization\u002Fskill.md",[192],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[194,195,196,197,198,93,199,157,200,96,201,202,36,24,203,204,205,206,207,208],"text","portable text serialization","portable","serialization","extracting","strings","issues","frontend","svelte","sanity","astro","server","markdown","rendering","vue","2026-11-10 10:56:23"]