reduxの整理 - Githubissues

HAKASHUN / react-manabi

manabi for react.

0 stars 0 forks source link

reduxの整理 #5

Open HAKASHUN opened 9 years ago

HAKASHUN commented 9 years ago

reduxかかわらずだが、実装に手をつける前に考えておかなければならないことや、整理した方がよいことがあるはず。
todoのサンプル(undoのやつ)で一回整理してみる

HAKASHUN commented 9 years ago

参考文献

概念はこの資料が一番わかりやすかった
- https://speakerd.s3.amazonaws.com/presentations/2afe3089dbe645afa6eea4611ab16aa9/Redux_flux_reduced.pdf
- 日本の方では一番この資料がわかりやすかった
- https://speakerd.s3.amazonaws.com/presentations/55466701bc0f44e2831468b22ee66736/presentation.pdf

HAKASHUN commented 9 years ago

index.js (エントリーポイント)

アプリを展開するルート要素の登録
ストアの作成(reducersの登録)
- createStoreを使ってストアを作成
アプリのレンダリング
- にstoreを渡す

HAKASHUN commented 9 years ago

分けて考える

エントリーポイントの作成と実行ができる
- 開発方法の整理
- webpackの設定を作る
- できるだけboilerplateとしてまとめておく
コンテナの作成をし、アプリの骨格を展開することができる
- 大まかなレイアウトの決定
- connectを用いて、親のコンポーネントにstateとdispatchの機能を持たせる簡易実装をする
マークアップ
- 実現したいUIを作る
- htmlとcssで再現する

HAKASHUN commented 9 years ago

環境構築

項目

[ ] javascriptのビルドの仕組みがある
[ ] es6をbabelを用いて変換できる
[ ] watch監視機能がある
[ ] cssのビルドの仕組みがある

ディレクトリ構成

.
├── bin
│   └── server.js
├── package.json
├── src
│   ├── actions
│   ├── components
│   ├── constants
│   ├── containers
│   ├── reducers
│   ├── reducers
│   ├── stores
│   └── index.html
└── webpack.config.js

HAKASHUN commented 9 years ago

ファイル命名規則

[ ] クラスを返すものは大文字
[ ] 変数や関数を返すものは小文字