DOMにある程度書き込んでおいてから描画する直前にまとめてDOMに書き込む。軽快に動作する、というのが売り。二点腑に落ちないところがあって、結局、Vue.jsという他のLibraryを愛用(溺愛)するに至った。その二点というのが1.JSXという新しい概念の導入。一見するとHTMLなのだがHTMLではなく、XML書式をJavaScriptで理解できるようにしたプリプロセッサ。JSの予約用語ゆえに使えずclassName=にしなければならないなど、細かいところで違っていて気持ちがわるい。(これに比べてVueのTemplateはまごうことなきHTMLの拡張)2.コンポーネントで操作できる変数(State)を使うためにはコンポーネントをClass表記してsetState()という関数を使って管理しなければならない。二つ目のJavaScriptにClassが必要というのがなんとも納得いかない(個人の意見です)身としては今いち手が出せずにいた。書きまくるというのがなんとも切ない。Reactの勢いは侮りがたいものがある。GraphicsのComponentに「Reactは正義!」という感じで使いまくっている。Reactびいきがすごい。生成されるScaffoldingのComponentがClass表記ではなくfunction表記になっている。実はReactも進化していた。ComponentでもStateの管理ができるようになっていた。どちらを使ってもよいようになっている。Componentを使うのがおすすめと書いてある。React-client-appもDefaultで生成するコードはクラスレスになっていたわけだ。メンバー指定をすることもない。このHookを使ったクラスレスのステートフルコンポーネントの作り方、オフィシャルサイト以外で解説しているサイトはまだ少ない。modified"})とやってもsetState()と違って、オブジェクトの他のメンバー(Key)とマージしてくれない。上の例ではmember1が消えてしまう。modified"}))とスプレッド表記を使ってマージしてあげる必要がある。hookの代わりには描画毎に発火するuseEffect()を使えと書いてある。このHookは発火を限定するために二つ目のパラメータ―で発火する条件を指定できる。このパラメーターを空のアレイで渡してあげることで実現できる。演習用にアプリを書いてみると、上の二つのHookだけで、それなりのものができる。JSXへのアレルギーはなくなっているので、クラスを使わなくてよいReactという選択は結構魅力的です。Reactありきの開発を推しているというのはやはり大きい。FMEAはFEMAではない。