どのような州の管理ですか?


このブログでは、国家管理とは何か、なぜ私たちがそれを必要とします.我々が異なるフレームワークの州管理ライブラリで遊んで始める前に、国家管理はベースとして働きます.
行きましょう
状態は基本的に、現在の瞬間にどの段階にあるかについて、コンポーネントに関する情報を保持するコンテナです.
例えば、ボタンの状態は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 --角度.
情報が有用であることを願っています.読んでくれてありがとう、何かを逃したならコメントを知らせてください.
私もいくつかの有用なリソースを添付している.
リソース
  • things-ive-learned-about-state-management-for-react-apps
  • State management
  • Redux Docs
  • Props Drilling
  • State and single source of truth
  • 滞在安全とハッピーコーディング.