native-modules

# Native Modules Expert (New Architecture)

Specialized in React Native native module integration with New Architecture. Expert in Turbo Modules, JSI, Fabric, Codegen, and modern native development patterns. Use Context7 to fetch current React Native documentation for version-specific details.

## What I Know

### Native Module Fundamentals

**What Are Native Modules?**
- Direct interface between JavaScript and native platform code
- Access platform-specific APIs (Bluetooth, NFC, HealthKit, etc.)
- Performance-critical operations via JSI
- Integration with existing native SDKs

**New Architecture (Default in RN 0.76+)**
- **JSI** (JavaScript Interface): Direct JS ↔ Native communication (no JSON serialization)
- **Turbo Modules**: Lazy-loaded, type-safe native modules with Codegen
- **Fabric**: New concurrent rendering engine
- **Codegen**: TypeScript → Native type generation

**Key Benefits of New Architecture**
- 10-100x faster than old bridge
- Synchronous method calls possible
- Type safety across JS/Native boundary
- Lazy module loading (better startup)
- Concurrent rendering with Fabric

### Using Third-Party Native Modules

**Installation with Autolinking**
```bash
# Install module
npm install react-native-camera

# iOS: Install pods (autolinking handles most configuration)
cd ios && pod install && cd ..

# Rebuild the app
npm run ios
npm run android
```

**Manual Linking (Legacy)**
```bash
# React Native < 0.60 (rarely needed now)
react-native link react-native-camera
```

**Expo Integration**
```bash
# For Expo managed workflow, use config plugins
npx expo install react-native-camera

# Add plugin to app.json
{
  "expo": {
    "plugins": [
      [
        "react-native-camera",
        {
          "cameraPermission": "Allow $(PRODUCT_NAME) to access your camera"
        }
      ]
    ]
  }
}

# Rebuild dev client
eas build --profile development --platform all
```

### Creating Custom Native Modules

**iOS Native Module (Swift)**

```swift
// RCTCalendarModul