React-redux-blog

今回の勉強会の資料について

やりたかった事

• 自分にとって使いやすいブログを作りたい
• markdownで記事を書きたい
• 管理画面は作りたくない
• syntax highlightは必須
• CSS設計でBEM
• yarnを使いたい
• ページをどのくらい読んでいるのかわかるようにしたい
• github.ioで公開する

技術

• Reactの理解を深めたい
• Reduxの理解を深めたい
• Redux-sagaを用いた非同期通信をしたい
• React-routerを使いたい

所要時間

• 上記技術や設計の理解に半年以上（途中でブランクあり）
• 今回のブログについては約1週間

ハマった事

• React-reduxの理解
• markdownをどう管理するかについて
• redux-sagaの非同期通信
• syntax highlight
• windowイベントをどこで定義するか

今後やりたい事

• タグ付けでのカテゴリー分け
• 検索機能（やる気があれば）
• 記事が増えたら、infinite scroll

まとめ

• React + Reduxはあくまでもライブラリ。フレームワークではないので、自分たちで設計する必要がある。
• 概念の理解にVue + Vue-router + Vuexが役に立った。
• ライブラリの学習コストは低いが、Reduxの概念の学習コストは高い。
• コンポーネントごとなので設計はしやすい。