Question 1

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

Accepted Answer

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

Question 2

input を登録してそのバリデーションを扱うために使う React Hook Form のフックはどれですか?

Accepted Answer

React Hook Form の useForm フックは、複数のメソッドとプロパティを含むオブジェクトを返します。register メソッドは input をフォームに登録し、バリデーションルールを付与できます。input をフォーム管理システムに接続するために必要な props(onChange、onBlur、ref)を返します。

Question 3

Yup でメールアドレスのバリデーションスキーマをどのように定義しますか?

Accepted Answer

Yup はバリデーションスキーマを定義するためにチェーン可能な API を使います。メールアドレスを検証するには、yup.string() で型を定義し、.email() をチェーンしてメール形式を検証し、必要に応じて .required() で必須項目にします。この宣言的なアプローチにより、読みやすく再利用可能なバリデーションを作成できます。

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

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

回答

input を登録してそのバリデーションを扱うために使う React Hook Form のフックはどれですか?

回答

Yup でメールアドレスのバリデーションスキーマをどのように定義しますか?

回答

Formik で、フォームの初期値を定義するために使う prop はどれですか?

Formik と比較した React Hook Form の主なパフォーマンス上の利点は何ですか?

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