Can I use this skill to bridge existing Swift or Kotlin libraries?

Yes, this skill provides patterns and best practices for wrapping third-party iOS and Android SDKs to make them accessible from the JavaScript layer.

Does this skill support synchronous method calls?

Yes, it includes implementation details for both asynchronous (Promise-based) and synchronous (JSI-enabled) native methods.

What is the difference between legacy modules and Turbo Modules?

Turbo Modules are part of the New Architecture, allowing for lazy loading and better performance via JSI, whereas legacy modules are loaded at startup and communicate over the bridge.

How do I handle events sent from native code to JavaScript?

The skill demonstrates how to use NativeEventEmitter to listen for, process, and clean up events triggered by native platform code.

React Native Native Modules

Name: React Native Native Modules
Author: pluginagentmarketplace

bypluginagentmarketplace

•

Mobile Development

Facilitates the creation and integration of high-performance native modules for iOS and Android using Turbo Modules and JSI.

소개

This skill provides expert guidance for React Native developers looking to extend their applications beyond the JavaScript layer by bridging native platform capabilities. It covers the end-to-end process of building native modules, from defining Codegen specs in TypeScript to implementing logic in Swift/Objective-C for iOS and Kotlin/Java for Android. Whether you are bridging third-party SDKs, optimizing performance-critical tasks with JSI, or migrating to the New Architecture with Turbo Modules, this skill streamlines the complex workflow of cross-platform native development, event handling, and debugging.

주요 기능

Turbo Module implementation with Codegen for type safety
Support for both synchronous and asynchronous native methods
Guidance on JSI and the React Native New Architecture
2 GitHub stars
Cross-platform bridging for iOS (Swift) and Android (Kotlin)
Native event emission and subscription management patterns

사용 사례

Wrapping a third-party native SDK for use within a React Native application
Accessing platform-specific APIs not available in the React Native core
Implementing performance-heavy calculations that require direct CPU access

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pluginagentmarketplace/custom-plugin-react-native react-native-native-modules

For use in Claude.ai and ChatGPT

Download Skill

GitHub

소개