勉強する

1190 ワード

udemi受講後に書いたlidex
リデスは過去にMVCモードを使用したことがあるが、最近はFluxモードを使用している.
Action-discher-store-viewモードを多く使用
冗長インストール
yarn add redux redux-logger react-redux
冗長性のデフォルト設定
1. index.jsにProviderを追加してコードを非表示にします.
2. redux/root-reducer.jsの作成

  • 必要なフォルダの作成-リビルダー(ステータス管理が必要なたびにここからインポート)
    - redux/user/user-reducer.js 
    	여기 안에는, swtich문으로 어떤 상태일때 뭘 해야하는지 알려줌. 
    - redux/user/user.actions.js  (reducer의 트리거 역할) 


  • root-reducer.jsでは、各フォルダのReduserをコンビネーションモニタを使用してコンビネーションします.

  • redux/store.jsここでリポジトリを作成し、ミドルウェアを管理する役割を作成する

  • 再インデックス.js Providerを使用してstoreを追加する

  • 絵で整理して、そうです.
    この場合、reduceから何かをインポートする必要がある場合は、connectを使用して関数とルートreducxアクセス+を接続して、現在受信する場所を接続できます(下図はheader)
    あるいはnull,actionは関数を作成することによってアクセスする方法であるべきである.(下図はappを示す)

    userの状態を取得し、headerにsign in/signoutを表示します.