do7be.exports

寿司の話かエンジニアリングの話

LGTM-HUBをReactでリファクタリングしました

このシルバーウィークを使って、前にブログに書いたLGTM-HUBというサービスをリファクタリングしてました。

LGTM-HUB

f:id:do7be:20150923021731p:plain

やったことを大まかにまとめると

  • gruntからgulpに変えた
  • ES6で書きなおした
  • Reactで書きなおした

といったところでしょうか。

これまでjQueryでDOMを直接いじっていたため、$(this).prev().children('img').attr('src')みたいなアホな記述もあり、だいぶひどかったのですが

ReactのComponentでまとめるようにしたので、イベントリスナーやStateの変化などだいぶ綺麗にまとめることができたかと。

今回はフロント側のReactだったんですが、今度はサーバ側のReactレンダリングをやってみようかと思ってます。

メリット等よくわかってないのでそのへんまとめてからということで。