react-native-specialist

Configure React Native New Architecture with Fabric, TurboModules, and Expo workflows.

8|11|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/belokonm/claude-supercode-skills --skill react-native-specialist-belokonm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-specialist
Source: https://github.com/belokonm/claude-supercode-skills/tree/main/react-native-specialist-skill
Command: npx skills add https://github.com/belokonm/claude-supercode-skills --skill react-native-specialist-belokonm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps React Native developers leverage the New Architecture (Fabric/TurboModules) to build high-performance cross-platform apps. It also covers native module development, Expo workflows, and migration guidance from the legacy Bridge-based approach.

Core Features & Use Cases

  • Fabric and TurboModules integration for performance-critical components.
  • Codegen-driven native bridge creation for safer, type-safe interfaces.
  • Expo ecosystem guidance (EAS Build, Config Plugins) for streamlined delivery.
  • Native module development, debugging, and performance optimization across iOS and Android.
  • Migration best practices from Bridge-based architecture to New Architecture with incremental steps.

Quick Start

Create a sample RN project with Fabric/TurboModules enabled and run a basic native module test.

Frequently Asked Questions about react-native-specialist

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

FAQPage Schema
How do I migrate React Native apps from the old Bridge architecture to the New Architecture?

Migrate React Native apps from the Bridge to the New Architecture by following incremental steps, enabling Hermes, and integrating TurboModules and Fabric for high-performance cross-platform rendering.

How do I create type-safe native modules using TurboModule codegen?

Create type-safe native modules using TurboModule codegen to automatically generate safer, typed interfaces for bridging native iOS and Android code without manual boilerplate.

Can I use Expo EAS Build and Config Plugins with the React Native New Architecture?

Expo EAS Build and Config Plugins work with the React Native New Architecture to streamline delivery workflows, allowing you to configure Fabric and TurboModules efficiently.

What is Fabric integration in React Native and when do I need it?

Fabric is the React Native New Architecture rendering system needed for performance-critical components, synchronizing layout and rendering to optimize UI thread utilization.

How do I enable Hermes for performance optimization in React Native?

Enable Hermes in React Native to optimize performance by reducing memory usage and improving startup times, which is essential for high-performance New Architecture apps.

What is the best way to debug native modules across iOS and Android in React Native?

Debug native modules across iOS and Android by utilizing React Native New Architecture tooling to inspect TurboModule codegen outputs and Fabric rendering layers for performance bottlenecks.