react-native-native-modules

Bridge React Native JavaScript to iOS and Android native code with Promise-based APIs.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/truongnat/emplus --skill react-native-native-modules
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-native-modules
Source: https://github.com/truongnat/emplus/tree/main/.agents/skills/jutsu-react-native%3Areact-native-native-modules
Command: npx skills add https://github.com/truongnat/emplus --skill react-native-native-modules

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native apps often need device capabilities (camera, biometrics, sensors, platform SDKs) that are not exposed or are too slow to implement purely in JavaScript, so developers must bridge to native code safely and correctly.

Core Features & Use Cases

  • Create Native Modules: Implement iOS/Android functionality and expose it to JavaScript as Promise-based APIs or synchronous calls where appropriate.
  • Use Turbo Modules for Modern Bridging: Define TypeScript specs and register native implementations using TurboModule patterns for better performance and type safety.
  • Send Native Events to JS: Stream updates from native to JavaScript with event emitters for real-time workflows like capture progress or data callbacks.
  • Practical Use Cases: Wrap third-party native libraries, access platform-specific APIs, add hardware features, or build reusable native UI components.

Quick Start

Use this skill to build a native module that exposes a new device feature to your React Native app, then verify the JavaScript calls work and that errors and events are wired end-to-end.

Frequently Asked Questions about react-native-native-modules

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

FAQPage Schema
How do I bridge React Native JavaScript to iOS and Android native code?

Bridging React Native to native code requires creating custom native modules that expose platform APIs to JavaScript using Promise resolvers, rejecters, and event emitter patterns for asynchronous error handling.

When do I need Turbo Modules instead of legacy native modules in React Native?

Turbo Modules are needed for modern React Native bridging when you require better performance and type safety, defining TypeScript specs and registering native implementations using the TurboModule pattern.

How do I send native events from iOS or Android to React Native JavaScript?

Sending native events to JavaScript uses event emitter patterns to stream real-time updates from native to JS, enabling workflows like capture progress callbacks or continuous data streaming.

Does this skill support wrapping third-party native libraries for React Native?

Yes, the skill applies when wrapping third-party native libraries, accessing platform-specific APIs, adding hardware features, or building reusable native UI components for iOS and Android.

What is the best way to handle asynchronous errors in React Native native modules?

Handling asynchronous errors in native modules uses Promise resolvers and rejecters in the bridge layer, ensuring safe error handling when exposing iOS and Android functionality to JavaScript APIs.

Can I expose synchronous calls from native code to React Native JavaScript?

Yes, native modules can expose iOS and Android functionality to JavaScript as Promise-based APIs or synchronous calls where appropriate, depending on the platform capabilities and use case.