Bind native C++ functions and objects to React Native JavaScript via JSI.
npx skills add https://github.com/software-mansion-labs/skills --skill jsi
Please help me install this Agent Skill. Skill: jsi Source: https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices/references/jsi Command: npx skills add https://github.com/software-mansion-labs/skills --skill jsi
JSI provides a direct interface for native C++ code to interact with the JavaScript engine in React Native, enabling reading and writing JS values, calling JS functions, and exposing C++ objects to JS without going through the old bridge.
Install JSI bindings during module initialization and expose a minimal HostFunction on the global object, then invoke it from JavaScript to verify end-to-end binding.
High-intent search queries and answers about installing and using this skill.
JSI is a direct interface in React Native allowing native C++ code to interact synchronously with the JavaScript engine, needed when you must read and write JS values or expose C++ objects without old bridge overhead.
To expose a C++ HostFunction, include the jsi headers and install bindings during module initialization, then attach the HostFunction to the global JS object to verify end-to-end binding and allow direct invocation from JavaScript.
Yes, you can call JavaScript functions from native C++ threads using CallInvoker, which safely schedules cross-thread JS invocations across runtime boundaries while maintaining strict thread-safety rules to avoid crashes.
Yes, JSI requires using Runtime references strictly on the JavaScript thread, while managing object lifetimes with Scope, NativeState, and WeakObject to prevent crashes and ensure safe cross-thread JS invocations across runtime boundaries.
Manage object lifetime and dynamic shapes in JSI by implementing HostObject for dynamic object shapes from C++, and utilizing NativeState or WeakObject for lifecycle control alongside Scope for temporary values.
The best way to avoid crashes when binding HostObjects is to follow strict lifetime management and thread-safety rules, using Runtime references on the JS thread only and leveraging PropNameID optimization for safe execution.
MicrockBridge JavaScript and native code for React Native iOS and Android modules.
mkazimotoEmbed local web content with bidirectional JavaScript–C# messaging in .NET MAUI apps.
software-mansionWire TurboModules and JSI for native audio API integration.
armanzeroeightCreate custom React Native native modules for iOS and Android.
