Reactを関数型プログラミングの文脈で理解する

ARANK

React = 関数型？Webのフロントエンドフレームワークとして有名なReactは関数型だと言われます。「ふーんそう、まあ、関数型プログラミングのことなんか知らなくても問題なく使えてるよ」という人も多いのではないでしょうか。実際、世の中にサンプルコードはたくさん存在しますし、関数型について改めて勉強しなくてもアプリケーションは作れます。しかし、MetaがReactを関数型として設計している意図を汲み取って、迷わず、効率よく、楽に書けるほうがお得だと思うのです。関数コンポーネントと純粋関数の関係関数型プログラミングは純粋関数を扱うものです。Reactの関数コンポーネントは純粋関数でしょうか？純粋関数のおさらいこの連載の中で何度も書いていますが、純粋関数は引数以外の入力が無い返り値以外の出力（副作用）が無い引数が同じなら返り値は常に同じという関数でした。React.FC: 関数コンポーネントFCはFunctional Component、関数（関数型？）コンポーネントですね。例えばこんなコードです。（右側のノブをクリックすると実行結果を表示）この関数MyEditorは純粋関数でしょうか？(1) 返り値はHTMLに見えますが、ブラウザに紐付くDOMではなくJSXで、単な…