skills.rest
Shopify
ShopifyOFFICIAL
Explore all skills by this author →
Website𝕏@ShopifyEngGitHub

upgrade-react-native

Upgrade React Native fixture apps across JavaScript, Android, and iOS configurations.

7.2k|378|Updated Dec 20, 2021
Search Tags:#dependencies#build#ios#upgrade#android#react native#fixture
One-click install
npx skills add https://github.com/Shopify/flash-list --skill upgrade-react-native
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: upgrade-react-native
Source: https://github.com/Shopify/flash-list/tree/main/.claude/skills/upgrade-react-native
Command: npx skills add https://github.com/Shopify/flash-list --skill upgrade-react-native

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the complex process of upgrading a React Native fixture application to a new version, ensuring compatibility across JavaScript dependencies, Android build configurations, iOS project settings, and third-party libraries.

Core Features & Use Cases

  • Dependency Management: Updates JS dependencies, including React Native itself and related community packages.
  • Platform Configuration: Modifies Android (Gradle, Kotlin, SDK) and iOS (Podfile, pbxproj) build settings.
  • Third-Party Library Compatibility: Verifies and adjusts configurations for essential libraries like Reanimated and Gesture Handler.
  • Use Case: When a new stable version of React Native is released, this Skill guides you through updating the project's package.json, native build files, and Metro configuration to ensure the fixture app builds and runs correctly with the new RN version.

Quick Start

Use the upgrade-react-native skill to upgrade the fixture app to React Native version 0.84.1.

Frequently Asked Questions about upgrade-react-native

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I upgrade React Native to a new version without breaking native build configurations?▼

Upgrading React Native requires updating JavaScript dependencies, modifying Android Gradle and Kotlin SDK settings, adjusting iOS Podfile and pbxproj files, and verifying Metro configuration to ensure the fixture app builds and runs correctly with the new version.

How does rn-diff-purge help with React Native version upgrades?▼

Rn-diff-purge automates research during a React Native upgrade by generating version diffs to identify exactly which iOS, Android, and JavaScript configuration files require modification for the target release.

Can I use this process to update third-party libraries like react-native-reanimated during a version bump?▼

Yes, upgrading React Native involves verifying compatibility tables for third-party libraries like react-native-reanimated and Gesture Handler, adjusting their configurations to match the new React Native version requirements.

What are the most common limitations when upgrading a React Native fixture app?▼

Upgrading a React Native fixture app is limited by third-party library compatibility, requiring manual configuration verification for packages like Reanimated and precise modifications to Gradle, Podfile, and Metro configurations.

Related Skills

Explore More Software Engineering Skills→
wildbitcawildbitca
1

package-upgrade-review

Automate dependency upgrades across Dart/Flutter, Java/Kotlin, and iOS build files.

Official
Intermediate
soham2008xyzsoham2008xyz

upgrading-react-native

Upgrade React Native apps via rn-diff-purge workflow with dependency and native configuration updates.

Community
Advanced
kollaboraikollaborai
1

dependency-management

Manage Python, JavaScript, and containerized project dependencies with version pinning and security auditing.

Community
Advanced
quarkusioquarkusio
30

quarkus-update

Compare Quarkus build files against reference projects and report upgrade differences.

Official
Intermediate