Question 1

React Native における native module とは何ですか？

Accepted Answer

native module は、ネイティブ言語（iOS では Objective-C/Swift、Android では Java/Kotlin）で書かれたコードで、機能を JavaScript コードに公開します。これにより、生体認証センサーや Bluetooth など、React Native で直接利用できないネイティブ API にアクセスできます。

Question 2

React Native の従来のアーキテクチャにおける bridge の役割は何ですか？

Accepted Answer

bridge は、従来のアーキテクチャにおいて JavaScript スレッドとネイティブスレッド間の通信メカニズムです。データを JSON にシリアライズし、両環境間で非同期に転送します。この非同期通信は、頻繁な操作に対してレイテンシを生む可能性があります。

Question 3

旧アーキテクチャで iOS のネイティブメソッドを JavaScript に公開するにはどうしますか？

Accepted Answer

旧アーキテクチャの iOS では、NSObject を継承し RCTBridgeModule プロトコルを実装するクラスを作成する必要があります。RCT_EXPORT_MODULE() マクロがモジュールを登録し、RCT_EXPORT_METHOD() が各メソッドを JavaScript に公開します。これらのマクロが必要な bridging コードを生成します。

Native Modules & Bridge

React Native における native module とは何ですか？

回答

React Native の従来のアーキテクチャにおける bridge の役割は何ですか？

回答

旧アーキテクチャで iOS のネイティブメソッドを JavaScript に公開するにはどうしますか？

回答

旧アーキテクチャで Android のネイティブメソッドを公開するにはどのアノテーションを使いますか？

React Native の新アーキテクチャにおける JSI（JavaScript Interface）とは何ですか？

その他のReact Native面接トピック

JavaScript の基礎

React の基礎

React Native の基礎

React Hooks

React と React Native のための TypeScript

React Native のコンポーネントと API

React Native のスタイリングとレイアウト

React Native ナビゲーション

React Native の状態管理

React Native のネットワーキングと API

データの永続化

フォームとバリデーション

React Native アニメーション

プラットフォーム固有のコード

権限とデバイスAPI

Push Notifications

React Native のテスト

React Native のデバッグ

Build & Deployment

Expo vs React Native Bare

パフォーマンス最適化

メモリ管理

Architecture Patterns

React Native の New Architecture

セキュリティのベストプラクティス

Offline-First Architecture

React Native の CI/CD

Monorepoとコード共有

高度なトピック

アプリのライフサイクルとバックグラウンド実行

認証とセッション管理

Monitoring & Crash Reporting

次の面接に向けてReact Nativeをマスター