Question 1

React Native プロジェクトで TypeScript を使う主な利点は何ですか？

Accepted Answer

TypeScript はアプリケーションが実行される前のコンパイル時に型エラーを検出します。これにより、誤った型に関連する本番環境でのバグが大幅に減り、IDE の自動補完が向上し、コードがより自己文書化されます。React Native プロジェクトでは、props、state、API レスポンスを正しく型付けするのに特に役立ちます。

Question 2

TypeScript における type と interface の違いは何ですか？

Accepted Answer

interface は declaration merging によって拡張・マージできるため、サードパーティライブラリの型を拡張するのに便利です。type はより柔軟で、union、intersection、プリミティブ型を表現できます。実際には、単純なオブジェクトの場合は両者は交換可能ですが、React コンポーネントの props には拡張が可能な interface が好まれます。

Question 3

React Native の関数コンポーネントの props を正しく型付けするにはどうすればよいですか？

Accepted Answer

推奨される方法は、props 用の interface を定義し、それをジェネリック型またはパラメータの注釈として使用することです。ジェネリック付きの React.FC を使うか、関数のシグネチャで props を直接型付けできます。React.FC は暗黙的に children を含むため望ましくない場合があり、後者のアプローチがよく好まれます。

React と React Native のための TypeScript

React Native プロジェクトで TypeScript を使う主な利点は何ですか？

回答

TypeScript における type と interface の違いは何ですか？

回答

React Native の関数コンポーネントの props を正しく型付けするにはどうすればよいですか？

回答

TypeScript でカスタム型を使って useState フックを型付けするにはどうすればよいですか？

TypeScript におけるジェネリック型（generic）とは何で、何のために使われますか？

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

JavaScript の基礎

React の基礎

React Native の基礎

React Hooks

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