Question 1

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

Accepted Answer

Context APIはReactに組み込まれたメカニズムで、すべてのレベルで明示的にpropsを渡さずにコンポーネント間でデータを共有できます。すべての子孫コンポーネントがアクセスできるグローバルstateを作成することでprop drillingの問題を解決します。Contextはテーマ、言語、認証ユーザー情報など、めったに変わらないデータに特に適しています。

Question 2

新しいContextを作成するために使用される関数は何ですか？

Accepted Answer

createContext関数は新しいコンテキストを初期化するReactのネイティブメソッドです。親ProviderなしでコンポーネントがそのContextを使用する場合に使われるオプションのデフォルト値を受け入れます。この関数はProviderとConsumerを含むオブジェクトを返しますが、ConsumerはモダンなhooksではほとんどRISKされません。

Question 3

Contextの値を消費するために使用されるhookは何ですか？

Accepted Answer

useContext hookは、コンポーネントツリーで最も近いProviderが提供する値を子コンポーネントが読み取ることを可能にします。古いConsumer APIを置き換え、より簡潔で読みやすい構文を提供します。コンポーネントはContextの変更を自動的に再サブスクライブし、それに応じて更新されます。

Contextを使った状態管理

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

回答

新しいContextを作成するために使用される関数は何ですか？

回答

Contextの値を消費するために使用されるhookは何ですか？

回答

Contextに値を提供するために使用されるコンポーネントはどれですか？

コンポーネントが親ProviderなしでuseContextを使用するとどうなりますか？

その他のReact / Next.js面接トピック

JavaScript の基礎

React の基礎

React Hooks

コンポーネントのライフサイクル

React Router

フォームと Controlled Components

データ取得と API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.jsの基礎

TypeScriptとReact

Next.js データフェッチング

Next.js Server Actions

Next.jsのルーティングとナビゲーション

Next.js API Routes

Next.js Metadata & SEO

Next.js の Middleware と Auth

React テスト

Zustand State Management

React パフォーマンス最適化

Error Boundaries & エラーハンドリング

Advanced React Patterns

Next.jsの高度な機能

Next.jsのデプロイメントと本番環境

アーキテクチャ & デザインパターン

React Server Components

Next.js の国際化

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

次の面接に向けてReact / Next.jsをマスター