React愛を試す！あなたはどれだけReactマスター？【4択クイズ】 - プレイ中

1 第1問

ReactにおけるJSXの主な目的は何ですか？

A JavaScriptの実行速度を向上させる

B UIを記述するための、HTMLに似た構文を提供する

C CSSをJavaScriptに記述できるようにする

D サーバーサイドレンダリングを容易にする

2 第2問

Reactコンポーネントの状態（state）を更新するために使用されるメソッドは何ですか？

A changeState()

B updateState()

C setState()

D modifyState()

3 第3問

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

A コンポーネント内で定義された変数

B コンポーネント間でデータを渡すための仕組み

C コンポーネントの状態を管理するオブジェクト

D イベントハンドラを定義するための関数

4 第4問

Reactのライフサイクルメソッドのうち、コンポーネントがDOMにマウントされた直後に呼ばれるものはどれですか？

A componentWillMount()

B componentDidMount()

C componentWillReceiveProps()

D componentWillUpdate()

5 第5問

React Hooksが導入されたのはどのバージョンからですか？

A React 15.0

B React 16.0

C React 16.8

D React 17.0

6 第6問

Reactでリストをレンダリングする際に、各要素にkeyプロパティを設定する主な理由は何ですか？

A CSSスタイルを適用するため

B コンポーネントのパフォーマンスを最適化するため

C イベントハンドラを正しく動作させるため

D データのソートを容易にするため

7 第7問

React Routerで使用される、現在のURLに基づいて異なるコンポーネントをレンダリングするための主要なコンポーネントは何ですか？

A <Switch>

B <Route>

C <Link>

D <BrowserRouter>

8 第8問

ReduxにおけるReducerの役割は何ですか？

A アクションをディスパッチする

B ストアの状態を直接変更する

C アクションに基づいて状態を更新し、新しい状態を返す

D コンポーネントからストアにデータを取得する

9 第9問

Reactで非同期処理を行う際に、useEffect Hook内でasync関数を直接使用することは推奨されていません。その理由は何ですか？

A useEffectはPromiseを返す関数を期待しないため

B async関数はパフォーマンスが低いから

C async関数はエラーハンドリングが難しいから

D useEffect内でasync関数を使用すると、コンポーネントがクラッシュするから

10 第10問

create-react-app (CRA) の主な利点は何ですか？

A Reactアプリケーションのパフォーマンスを向上させる

B Reactアプリケーションの開発環境を簡単に構築できる

C Reactアプリケーションのコード量を削減する

D Reactアプリケーションのセキュリティを強化する