このシルバーウィークを使って、前にブログに書いたLGTM-HUBというサービスをリファクタリングしてました。
やったことを大まかにまとめると
- gruntからgulpに変えた
- ES6で書きなおした
- Reactで書きなおした
といったところでしょうか。
これまでjQueryでDOMを直接いじっていたため、$(this).prev().children('img').attr('src')
みたいなアホな記述もあり、だいぶひどかったのですが
ReactのComponentでまとめるようにしたので、イベントリスナーやStateの変化などだいぶ綺麗にまとめることができたかと。
今回はフロント側のReactだったんですが、今度はサーバ側のReactレンダリングをやってみようかと思ってます。
メリット等よくわかってないのでそのへんまとめてからということで。