どのような州の管理ですか?
2201 ワード
このブログでは、国家管理とは何か、なぜ私たちがそれを必要とします.我々が異なるフレームワークの州管理ライブラリで遊んで始める前に、国家管理はベースとして働きます.
行きましょう
状態は基本的に、現在の瞬間にどの段階にあるかについて、コンポーネントに関する情報を保持するコンテナです.
例えば、ボタンの状態は
状態値を変更するプロセスは状態管理である.
上記の例から推論できる1つのことは、UIコンポーネントの状態が常に他のコンポーネントに依存することです.
アプリケーションが成長すると、状態管理は複雑になります
どういうつもりだったの
私たちは、2つのユーザーのカテゴリ(無料とプレミアム)を持っていると、特定のページへの無料アクセスを使用してユーザーを制限し、その後の状態を維持すると言う
状態管理ライブラリを使用するか、プレーンJSオブジェクトを作成します
州管理図書館のいくつか
Vuex - Vue js
Redux、フラックス、mobx -反応.
RXJS --角度.
情報が有用であることを願っています.読んでくれてありがとう、何かを逃したならコメントを知らせてください.
私もいくつかの有用なリソースを添付している.
リソース things-ive-learned-about-state-management-for-react-apps State management Redux Docs Props Drilling State and single source of truth 滞在安全とハッピーコーディング.
行きましょう
状態は基本的に、現在の瞬間にどの段階にあるかについて、コンポーネントに関する情報を保持するコンテナです.
例えば、ボタンの状態は
disabled
ユーザが入力した入力データが有効なものでない場合.このdisabled
あるtrue
値は状態のプレーンJavaScriptオブジェクトに含まれます.let inputState = {
disabled: true;
}
今この値の助けを借りて、我々は入力値を聞くことができますし、それを元に戻すfalse
を返します.状態値を変更するプロセスは状態管理である.
上記の例から推論できる1つのことは、UIコンポーネントの状態が常に他のコンポーネントに依存することです.
アプリケーションが成長すると、状態管理は複雑になります
single source of truth
.どういうつもりだったの
single source of truth
? 私たちは、2つのユーザーのカテゴリ(無料とプレミアム)を持っていると、特定のページへの無料アクセスを使用してユーザーを制限し、その後の状態を維持すると言う
type of user
すべてのページ間では、コードの重複が発生し、また、それは効率的ではありません.状態管理ライブラリを使用するか、プレーンJSオブジェクトを作成します
single source of truth
そして、我々はページからユーザーのカテゴリーにアクセスすることができます.州管理図書館のいくつか
Vuex - Vue js
Redux、フラックス、mobx -反応.
RXJS --角度.
情報が有用であることを願っています.読んでくれてありがとう、何かを逃したならコメントを知らせてください.
私もいくつかの有用なリソースを添付している.
リソース
Reference
この問題について(どのような州の管理ですか?), 我々は、より多くの情報をここで見つけました https://dev.to/imkarthikeyan/what-is-state-management-568bテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol