私はReact / ReduxWebアプリケーションに取り組んでいます。 プロジェクトの開始時に、私は自分のアプリケーションの状態を非常によく理解していました。 しかし、コードベースが大きくなるにつれて、レデューサーを介してアプリケーションの状態に属性を追加する傾向があります。 ここでの問題は、新しい人が私のプロジェクトに参加した場合、その人は州にすでに存在するすべての属性について明確な知識を持っていない可能性があるということです。
現在、 state.jsというファイルでコメントアウトされたオブジェクトを使用して、状態のすべての属性を記述しています。
/*
APP_STATE = {
attribute1 : '',
attribute2 : '',
attribute3 : [],
attribute4 : {
key: ''
},
}
*/
問題は、アプリケーションの状態の構造を文書化して、わかりやすくするためのより良い方法はありますか？ 皆さんはどのようなアプローチを使用していますか？
vraa
全てのコメント3件
構造にもよりますが、 wp-calypsoはその上で素晴らしい仕事をしていると思います。 それらには、セレクター、レデューサー、定数、アクション、およびほとんどのドキュメントを保持するREADME.mdファイルがあり、それらはすべて同じディレクトリにあります。 以下を見てください！
product
reducer.js
selectors.js
actions.js
constants.js
README.md
それらをチェックしてください！
JacobSoderblom
2017年01月17日
@JacobSoderblomそれは興味深いです。 複雑さが軽減された同様のアプローチである可能性があり、構造は小規模なアプリでも機能します。 ありがとう。
vraa
2017年01月17日
redux-devtoolsやredux-devtools-extensionなどのReduxdevtoolをいつでも使用して、状態ツリーを参照できます。 また、いつでも状態をJSON.stringifyて（コンソールからアクセスできるように、ストアをwindowに置くことをお勧めします）、どのように見えるかを確認することもできます。
timdorr
2017年01月23日
関連する問題
cloudfroster
·
3コメント
dmitry-zaets
·
3コメント
ramakay
·
3コメント
timdorr
·
3コメント
jimbolla
·
3コメント
最も参考になるコメント
構造にもよりますが、 wp-calypsoはその上で素晴らしい仕事をしていると思います。 それらには、セレクター、レデューサー、定数、アクション、およびほとんどのドキュメントを保持するREADME.mdファイルがあり、それらはすべて同じディレクトリにあります。 以下を見てください！
それらをチェックしてください！