Rails4アプリのjQueryフロントエンドをReact.jsに置き換えるリファクタ活動を始めたので、これまでの理解をメモ コードの臭い (jQueryによる)DOM操作・クラス操作の累積 addしてremoveしてaddしてhide...本当に意図通り動いているのか、何か忘れてないか 特殊なDOM構成の存在を前提とした操作 DOMがどこから操作されているのか不明 移行指針 問題の変換 状態変化に伴うDOM操作の処理を自分で計算せず、すべてrenderに押し付ける HTML差分計算・再描画に関する問題・思考を最小化し、stateの操作に集中することでビジネスロジックの整合性を確認する 双方向の思考を一応念頭に置く ボトムアップ、コンポーネント指向(?) 小さいコンポーネントを先に置き換えて、大きいコンポーネントでそれを使う トップダウン、インターフェース指向(?) 大きいコンポーネントを
![React移行メモ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/83d3e5caabe10c0a743360dcb1764260a1662130/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmVhY3QlRTclQTclQkIlRTglQTElOEMlRTMlODMlQTElRTMlODMlQTImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTNiOWY2YWQ3NzZlNjBiYmZkNWZhODk0MzdjMDJlZGQz%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzYXR6eiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Y2Q1MzQxZTE2NWExYzU2YTMyODcxYmQ0MTY3ZDA2NDg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D3aeee84fe08a78da9accfea86f7121b2)