Does this skill support the legacy React Native architecture?

This skill focuses on the New Architecture (Fabric), which is mandatory in React Native 0.82+. It provides specific migration paths for developers moving from legacy versions.

Does it support the old Chrome debugger?

No, it guides users toward the modern React Native DevTools (accessible via 'j' in the CLI), as the legacy Chrome debugger was removed in version 0.79.

How does it handle the React 19 removal of propTypes?

It provides code transformation patterns to replace deprecated propTypes with TypeScript interfaces and migrates forwardRef usage to the new standard ref prop.

Are new CSS properties like mixBlendMode supported?

Yes, this skill helps you implement web-aligned CSS features like mixBlendMode, isolation, and display: contents that are now supported in the New Architecture.

Can I use this for debugging iOS build errors in new projects?

Yes, the skill contains specific knowledge for the Swift-based AppDelegate.swift templates introduced in React Native 0.77+ and mandatory migration steps for RCTAppDependencyProvider.

React Native & Expo Modern Stack

Name: React Native & Expo Modern Stack
Author: jezweb

byjezweb

•

Mobile Development

Accelerates cross-platform mobile app development using the latest Expo SDK 52+ and React Native New Architecture standards.

This skill provides specialized guidance for building high-performance mobile applications with Expo SDK 52 and React Native 0.76 through 0.82+. It streamlines the mandatory transition to the New Architecture (Fabric/TurboModules) and navigates critical breaking changes introduced in React 19, such as the removal of propTypes and forwardRef. Whether you are implementing advanced CSS properties like mixBlendMode, migrating to Swift-based iOS templates, or troubleshooting modern DevTools, this skill ensures your mobile codebase remains production-ready and future-proof.

主な機能

0191 GitHub stars

02Implementation of modern CSS features like display: contents, mixBlendMode, and outlines in mobile views.

03Expert troubleshooting for New Architecture build errors and modern React Native DevTools integration.

04Swift-based iOS template management for AppDelegate.swift and native XML drawable support.

05Migration patterns for React 19 including useActionState, useOptimistic, and ref prop updates.

06Comprehensive support for Expo SDK 52 and React Native New Architecture (Fabric/TurboModules).

ユースケース

01Upgrading Expo applications to utilize React 19 features and high-performance Hermes engine patterns.

02Implementing complex UI designs using web-aligned CSS properties previously unavailable in native mobile.

03Migrating legacy React Native projects to the mandatory New Architecture in version 0.82+.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jezweb/claude-skills react-native-expo

For use in Claude.ai and ChatGPT

Download Skill