native-modules

Bridge JavaScript and native code for React Native iOS and Android modules.

322|45|Updated Dec 1, 2025
One-click install
npx skills add https://github.com/Microck/ordinary-claude-skills --skill native-modules
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: native-modules
Source: https://github.com/Microck/ordinary-claude-skills/tree/main/skills_all/native-modules
Command: npx skills add https://github.com/Microck/ordinary-claude-skills --skill native-modules

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides expertise in bridging JavaScript and native code for React Native, including Turbo Modules, Fabric, and JSI.

Core Features & Use Cases

  • Creating custom native modules (iOS/Android)
  • Integrating with existing native SDKs and autolinking
  • Debugging native module issues and performance

Quick Start

Implement a simple native module in Swift/Kotlin and access it from JavaScript.

Frequently Asked Questions about native-modules

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

FAQPage Schema
How do I create a custom native module in React Native?

Creating a custom native module bridges JavaScript to native code by writing platform-specific implementations in Swift/Objective-C (iOS) or Kotlin/Java (Android), then exposing methods to JavaScript via callbacks or promises. Start with a simple module that exposes a single method, wire it through the native bridge, and test from JavaScript.

What's the difference between JSI, Turbo Modules, and Fabric in React Native?

JSI (JavaScript Interface) provides direct synchronous access to native code; Turbo Modules modernize the bridge with type-safe codegen; Fabric is the new render engine for UI components. Turbo Modules and Fabric represent React Native's new architecture, offering better performance and developer experience than the legacy bridge.

Can I use autolinking with third-party native libraries in React Native?

Autolinking automatically discovers and links native dependencies without manual configuration. It works with most third-party native libraries and is the recommended approach; manual linking is only necessary for libraries predating autolinking or when autolinking fails.

How do I debug native modules in React Native on iOS and Android?

Debugging native modules involves attaching native debuggers (Xcode for iOS, Android Studio for Android) while your React Native app runs, setting breakpoints in native code, and using console logging to trace execution. Use React Native's native debugging tools alongside JavaScript debugging for full visibility.

Does React Native support integrating existing native SDKs?

Yes, React Native enables integration with existing native SDKs by wrapping their functionality in custom native modules. This approach lets you reuse battle-tested libraries and access platform-specific features unavailable through JavaScript alone.

Can I use native modules with Expo?

Expo supports native modules through Expo modules API and custom development clients, though bare React Native provides more direct native control. For Expo projects, use Expo modules or eject to a bare workflow to build custom native modules.