本文へ移動

React

React Compiler、何をしてくれるか説明できる？

React Compilerが自動でしていること、前提になるルール、よくある誤解を確認します。

5問約5分応用

この問題のねらい

React Compilerを「魔法の高速化」ではなく、ビルド時の自動メモ化として説明できるかを確かめます。

はじめる前に

この問題では、すぐに正解は表示しません。まず自分の言葉で回答してみてください。

最後まで回答すると、問題とあなたの回答をまとめてコピーできます。普段使っているAIチャットに貼り付けると、理解度をチェックしてもらえます。

腕試しをはじめる

こんな問題が出ます

  1. Q1

    React Compiler は何をするツールですか？ 「いつ」「何を」自動でしてくれるのかを説明してください。

  2. Q2

    React Compiler を使うと、useMemo・useCallback・React.memo の書き方はどう変わりますか？

  3. Q3

    React Compiler が正しく最適化するためには、コードが「Reactのルール」に従っている必要があります。 どんなルールがあるか、2つ以上挙げてください。

  4. Q4

    ルールに従っていないコンポーネントがある場合、React Compiler はどう振る舞いますか？ また、特定のコンポーネントだけ最適化の対象から外したい場合はどうしますか？

  5. Q5

    次の説明の問題点を指摘してください。 「React Compiler を入れれば、どんなに重い処理でも自動で速くなるし、useEffect の使いすぎも直してくれる」