Question 1

JavaScript における let と var の主な違いは何ですか？

Accepted Answer

let はブロックスコープ (block scope) を持ち、var は関数スコープ (function scope) を持ちます。つまり、let で宣言された変数は定義されたブロック内 (波括弧の中) でのみアクセス可能ですが、var は関数全体でアクセス可能です。この違いは、hoisting に関連するバグや、変数が意図したコンテキストの外に漏れ出すことを防ぐために非常に重要です。

Question 2

React における JSX とは何ですか？

Accepted Answer

JSX は JavaScript の構文拡張で、JavaScript 内で HTML に似たコードを直接記述できます。Babel などのツールによって React.createElement() の関数呼び出しにトランスパイルされます。JSX はコードを読みやすくし、ロジックとレンダリングを同じファイルにまとめることで UI の作成を容易にします。

Question 3

React Native でコンテナを作成するために使用される基本コンポーネントは何ですか？

Accepted Answer

View コンポーネントは React Native の基本的なコンテナで、HTML の div に相当します。他のコンポーネントをグループ化し、スタイルを適用し、Flexbox でレイアウトを管理できます。Web とは異なり、React Native はネイティブコンポーネント（iOS では UIView、Android では android.view）に変換する必要があるため、div ではなく View を使用します。

Question 4

React の関数コンポーネントで状態変数を宣言できる関数はどれですか？

Accepted Answer

useState は関数コンポーネントでローカル状態を管理するための基本的なフックです。現在の状態値とそれを更新する関数を含む配列を返します。this.state を使うクラスコンポーネントとは異なり、関数コンポーネントは独立した各状態変数に対して useState を使用します。

Question 5

React Native で HTTP リクエストを行うためのネイティブな JavaScript メソッドは何ですか？

Accepted Answer

fetch は HTTP リクエストを行うために JavaScript と React Native に組み込まれているネイティブ API です。Promise を返し、外部依存なしで GET、POST、PUT、DELETE リクエストを扱えます。axios とは異なり、fetch はパッケージをインストールせずにネイティブで利用できます。

Question 6

React NativeにおけるAsyncStorageの主な特徴は何ですか？

Accepted Answer

AsyncStorageは、非同期で暗号化されていない永続的なキーバリュー型ストレージシステムです。アプリ全体でグローバルに動作し、データを文字列として保存します。React Nativeに組み込まれた最もシンプルなストレージソリューションであり、シンプルなユーザー設定や機密性のないデータに最適です。

Question 7

React Native における controlled input と uncontrolled input の主な違いは何ですか?

Accepted Answer

controlled input は value と onChangeText props を通じて React の state によって管理され、いつでも値を完全に制御できます。uncontrolled input は ref を使って React の state を介さずに値へ直接アクセスします。controlled input はリアルタイムバリデーションやアプリケーションの state との同期を容易にするため推奨されます。

Question 8

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

Accepted Answer

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

Question 9

React Native アプリケーションにおける memory leak とは何ですか？

Accepted Answer

memory leak は、メモリ上のオブジェクトがアプリケーションで使われなくなったにもかかわらず、それらへの参照がまだ残っているために garbage collector が解放できないときに発生します。React Native では、クリーンアップされていない subscription、unmount 後も動き続ける timer、古い参照を捕捉した closure などでよく起こります。memory leak はパフォーマンスを徐々に低下させ、長時間のセッションでクラッシュを引き起こすことがあります。

Question 10

React Native アプリケーションにおけるコンポーネントアーキテクチャとは何ですか？

Accepted Answer

コンポーネントアーキテクチャとは、アプリケーションを再利用可能で独立した要素に構造化し、それぞれが単一の責務を持つようにすることです。このアプローチはコードの再利用を促進し、ユニットテストを簡素化し、保守性を向上させます。各コンポーネントは自身の state、ロジック、プレゼンテーションをカプセル化し、シンプルで組み合わせ可能な部品から複雑なインターフェースを構築できるようにします。

React Native面接の質問

React Nativeの面接準備はできていますか？

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をマスター