React+ReduxプロジェクトでWEBサービスをローンチするときに参考になる記事 10選

React+ReduxプロジェクトでWEBサービスをローンチするときに参考になる記事 10選

夏くらいに参加しているReact+ReduxプロジェクトでWEBサービスを無事にローンチさせることができたのですが、その際に参考にした記事や役に立った記事をご紹介します。

React.jsのComponent Lifecycle – Qiita

ここには大変お世話になりました。Component Lifecycleを理解することで、Componentの状態の変化に合わせて何かしらの処理ができるようになります。
よく使うcomponentDidMountcomponentWillUnmountは覚えてるんですけど、shouldComponentUpdateは忘れがちだったり、この時は何のLifecycleになるんだっけというときに助かりました。

http://qiita.com/koba04/items/66e9c5be8f2e31f28461

http://qiita.com/koba04/items/66e9c5be8f2e31f28461

React component ライフサイクル図 – Qiita

これもライフサイクルに関わる記事。このタイミングでこの処理したいけどどのライフサイクルでできるんだっけ?というときにおすすめ。

http://qiita.com/kawachi/items/092bfc281f88e3a6e456

http://qiita.com/kawachi/items/092bfc281f88e3a6e456

自社サービス採用へ。本気で作るReact+Reduxのプロジェクト構成 – Qiita

プロジェクトの構成の参考にどうぞ!実はここの記事にあるプロジェクトは僕もフロントエンドとして参加しているプロジェクトです。React + Redux + Webpackでプロジェクト作るならとても参考になると思います!

http://qiita.com/yuinchirn/items/286353f5c80cc44f1caf

http://qiita.com/yuinchirn/items/286353f5c80cc44f1caf

5年間開発しているRailsプロジェクトにReact + Reduxを導入した話 by Shimpei Takamatsu | Wantedly Engineer Blog

こちらもプロジェクト構成なんかが載っていてこれからReact + Reduxでプロジェクトで使う場合に参考になると思います。

https://www.wantedly.com/companies/wantedly/post_articles/30026

https://www.wantedly.com/companies/wantedly/post_articles/30026

Redux入門 5日目 Reduxの基本・Data Flow(公式ドキュメント和訳) – Qiita

Reduxのデータフローを確認するのならはこちらが良さげですね。

http://qiita.com/kiita312/items/ae3ce31521ad24dd699f

http://qiita.com/kiita312/items/ae3ce31521ad24dd699f

なぜ仮想DOMという概念が俺達の魂を震えさせるのか – Qiita

Virtual DOMで魂を震えさせたいならここを読みましょう!!

http://qiita.com/mizchi/items/4d25bc26def1719d52e6

http://qiita.com/mizchi/items/4d25bc26def1719d52e6

Redux routerでページ遷移を実現する – PAYFORWARD

Redux routerでページ遷移させるならこの辺をおくといいです!

http://blog.takanabe.tokyo/2015/12/18/1485/

http://blog.takanabe.tokyo/2015/12/18/1485/

Redux Form – Examples

上記でも説明したプロジェクトではForm周りはRedux-formにしました。バージョンアップされて若干使いにくい部分はありますが、概ね綺麗にまとまっていると思います。ぶっちゃけRedux Formを使わないでForm周りの処理をしている方がいたら教わりたい!

http://redux-form.com/6.0.5/examples/

http://redux-form.com/6.0.5/examples/

【古い記事】Babelで理解するEcmaScript6の import / export – Qiita

ES6で書くならこの辺も読んでおくと尚いいと思います。

http://qiita.com/inuscript/items/41168a50904242005271

http://qiita.com/inuscript/items/41168a50904242005271

ES6 – let & const を解説してみる – memolu

varは使わずにletconst使おうねっていう話。

http://memolu.hatenablog.com/entry/2016/05/31/014500

http://memolu.hatenablog.com/entry/2016/05/31/014500

オススメの本



WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用

イチからわかる!Reactの仕組みと使い方UIコードの再利用化と速度向上を図る!Reactのコンセプト、コンポーネント、JSX、活用テクニック、一歩進んだ使い方を解説!

イチマルニデザインブログをフォローしよう

イチマルニデザインブログではTwitterアカウントでWebに関する情報をつぶやいています。フォローすることで最新情報をすぐに受け取ることができます

いいなと思ったらシェアお願いします

同じカテゴリーの記事

ページの先頭へ