leeddhh/react-async

参考にしたチュートリアルページ（英）

https://medium.com/@wesharehoodies/simple-beginner-guide-for-webpack-2-0-from-scratch-part-v-495dba627718

How to start

npm install

npm run start

感想

reactの非同期を使うとき、redux-sagaを使わずやってみると難しかった。 はじめからreactとreduxを両方やろうとしたら以下のことが理解できなかった。

• storeをアプリ全体で管理するための手順にreducerが入っているのは、これから使うactionの分岐によってstoreに入れる驟雨性を分けるため？
• 今回のアプリにdispatchの処理は入っていない？
• containerというものは今回だけでは理解できなかった。
• react-nativeでreduxを使うときにも同じ今回と同じ構造で考えればいい？

react-async's Issues

Error: Cannot find module 'webpack/schemas/WebpackOptions.json'

こちらの環境にてnpm run startを実行すると、エラーが発生します。

Error: Cannot find module 'webpack/schemas/WebpackOptions.json'

componentWillMountを使用しない

詳細は以下に記載してありますので、ご確認して頂きたく思います。
https://reactjs.org/docs/react-component.html#unsafe_componentwillmount

fetchなどの処理はcomponentDidMountに記述して頂きたく思います。

ファイル名のルールの統一

ファイル名にルールが統一されていないように感じました。

以下のようなルールを決めてはいかがでしょうか。

• index.jsを除くcontainers及びcomponentsはUpper Camel Case
• その他のファイルはLower Camel Case

ES2015(ES6)の導入

現状ほぼ全ての現場においてES2015が導入されていると思われますので、ご検討頂きたく思います。

http://babeljs.io/docs/en/env/

Prettierの導入

無駄な空行や、必要なはずの改行が抜けている箇所が散見されます。

Prettierの導入をご検討頂きたく思います。

prop-typesの導入

各componentsのpropsに型が定義されていないため、予想し得ない動作が起きる可能性があります。

prop-typesの導入を検討して頂きたく思います。

https://www.npmjs.com/package/prop-types