Question 1

React Server Componentとは何ですか？

Accepted Answer

Server Componentsはサーバー上でのみ実行され、クライアントには送信されないReactコンポーネントです。従来のコンポーネントとは異なり、クライアント側でハイドレーションする必要がないため、JavaScriptバンドルサイズを大幅に削減できます。シークレットやAPIキーを公開せずにバックエンドリソース（データベース、ファイルシステム）に直接アクセスできます。

Question 2

ReactでClient Componentを宣言する方法は？

Accepted Answer

ファイルの先頭に置かれた'use client'ディレクティブは、そのコンポーネントとインポートされたすべての子がClient Componentsであることを示します。このディレクティブはサーバーコードとクライアントコードの境界を示します。このディレクティブがない場合、Next.js App RouterのようにRSCをサポートするフレームワークでは、デフォルトでServer Componentsになります。

Question 3

Server ComponentsとClient Componentsの主な違いは何ですか？

Accepted Answer

Server Componentsはサーバーで実行されてコードがクライアントに送信されることはありませんが、Client Componentsはブラウザに送信されてインタラクティビティのためにJavaScriptが必要です。この根本的な違いはリソースアクセス、バンドルサイズ、インタラクティビティの能力に影響します。Server ComponentsはReactフックを使用したりユーザーイベントを処理したりすることができません。

React Server Components

React Server Componentとは何ですか？

回答

ReactでClient Componentを宣言する方法は？

回答

Server ComponentsとClient Componentsの主な違いは何ですか？

回答

Server ComponentでどのReactフックを使用できますか？

Server ComponentでどのようにデータフェッチングをするのですかJava？

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

JavaScript の基礎

React の基礎

React Hooks

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

React Router

Contextを使った状態管理

フォームと 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のデプロイメントと本番環境

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

Next.js の国際化

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

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