Question 1

React Nativeのパフォーマンス最適化におけるReact.memoの主な役割は何ですか？

Accepted Answer

React.memoは、関数コンポーネントのレンダリング結果をメモ化する高階コンポーネント（Higher-Order Component）です。現在のpropsを以前のものと比較する（デフォルトではshallow comparison）ことで、不要な再レンダリングを防ぎます。propsが変更されていない場合、Reactはコンポーネントを再レンダリングする代わりにメモ化された結果を再利用するため、リストや複雑なコンポーネントツリーでのパフォーマンスが大幅に向上します。

Question 2

アイテムの寸法を事前に提供することでスクロールを大幅に最適化するFlatListのプロパティはどれですか？

Accepted Answer

getItemLayoutは、各要素の高さ、幅、オフセットを事前に計算できるFlatListのオプションプロパティです。これにより React Nativeが各アイテムを動的に測定する必要がなくなり、特にscrollToIndexで特定のインデックスにジャンプする際のスクロールパフォーマンスが大幅に向上します。この最適化は、すべてのアイテムが同じサイズの場合に特に有効です。

Question 3

最適化の観点で、useMemoとuseCallbackの主な違いは何ですか？

Accepted Answer

useMemoはコストの高い計算の結果をメモ化してその計算値を返し、useCallbackは関数そのものをメモ化してその関数を返します。useMemoはレンダリングのたびに重い再計算を避けるのに役立ち、useCallbackはメモ化された子コンポーネントにpropsとして渡される関数の再生成を防ぐために不可欠です。再生成すると、その子コンポーネントのReact.memoによる最適化が無効になってしまいます。

パフォーマンス最適化

React Nativeのパフォーマンス最適化におけるReact.memoの主な役割は何ですか？

回答

アイテムの寸法を事前に提供することでスクロールを大幅に最適化するFlatListのプロパティはどれですか？

回答

最適化の観点で、useMemoとuseCallbackの主な違いは何ですか？

回答

Hermesとは何であり、React Nativeアプリケーションにとっての主な利点は何ですか？

FlatListに安定したkeyExtractor関数を提供することがなぜ重要なのですか？

その他の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 アニメーション

Native Modules & Bridge

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

権限とデバイス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をマスター