react-native-expert

To create a native module in a bare React Native project, you scaffold custom Android and iOS modules using platform-specific code, establishing a bridge for JavaScript to invoke native functions directly. This provides implementation guidance for generating scaffolding and configuring required native build environments.

JSI bridging enables synchronous JavaScript to C++ calls bypassing the asynchronous bridge, while Turbo Modules optimize native module loading through the Fabric architecture. This guides you through implementing both JSI bridges and Turbo Modules for performance-critical native integrations.

Configuring Hermes involves enabling the JavaScript engine in iOS and Android build configurations to reduce memory usage and improve startup time. Metro bundler tuning requires customizing configuration files to optimize bundle speed and handle monorepo dependencies effectively.

This guidance specifically applies to bare React Native CLI setups, not Expo managed projects. It targets non-Expo applications requiring manual native module scaffolding, Turbo Modules, Fabric integration, and direct iOS and Android build configuration modifications.

The best way to handle React Navigation and TypeScript setup is by integrating the navigation library with a structured TypeScript configuration to ensure type-safe routing across screens. This provides a structured project architecture configured for production readiness.

You should use upgrade codemods for React Native version upgrades to automatically migrate deprecated APIs and handle breaking changes safely across your codebase. This prevents manual refactoring errors and ensures safe version transitions when upgrading bare CLI projects.