Reactコンポーネントが「純粋である」とはどういうことか？　丁寧な解説

ARANK

Reactにおいては、コンポーネントは純粋であるべきだとされています。これはReactのルールの一部であり、ルールを守らずに非純粋なコンポーネントを作った場合、さまざまな不都合が発生する恐れがあります。最適化（React Compiler）によって挙動が変わり、バグの原因となるReactの新機能と互換性が無くなり、新機能の恩恵を受けられなくなるReactのアップデートで壊れてしまったり、破壊的変更の影響を受けたりする単純にコードの可読性が低下し、保守性が悪化するでは、コンポーネントが “純粋” であるとは、具体的にどういうことを指すのでしょうか。Reactを使いこなしている人は経験的にこのことを理解していますが、正確に説明しろと言われると困る人も多いのではないでしょうか。そこで、この記事では、Reactにおけるコンポーネントの純粋性についてなるべく丁寧に解説し、Reactにおける純粋性に関する様々な疑問を解決することを目指します。最初に公式ドキュメントを見るReactの公式ドキュメントでも、コンポーネントは純粋であるべきだと説明されています。そのため、純粋とはどういうことかについても説明があります。 (pure function) とは、以下のような特徴…