Reduxレデューサーの副作用

Question

Reduxレデューサーは副作用がなくてはなりません。しかし、コンテンツが店舗の状態に基づいているブラウザでファイルのダウンロードをトリガーする必要がある場合はどうなりますか？確かにこれは副作用としてカウントされるべきですか？次のようなものがうまくいくのでしょうか、代替の方法を探していなければなりませんか？

case 'SAVE_GRID': { 
    const { json } = state 
    fileDownload(json, 'data.json', 'application/json') 
    return state 
} 

Answer 1

あなたは非常に複雑な状態遷移を持っている場合を除き、実際のfileDownloadはないで、アクションの作成者に起こるべき減速機。減速器は、状態の合併/縮小を担当する必要があり、それがすべてです。

アクション：

export const saveGrid = (json) => { 
    return (dispatch) => { 
     fileDownload(json, 'data.json', 'application/json') 
      .then(() => { 
       dispatch({ type: 'SAVE_GRID', json }); 
      }); 
    } 
} 

減速：

case 'SAVE_GRID': { 
    return { 
     ...state, 
     json: action.json 
    } 
} 

Answer 2

このような「サイド」効果を処理するライブラリがあります。例えば

：

• Reduxの-観測：彼らはフードの下でRXの観測を使用します。

https://redux-observable.js.org/docs/basics/Epics.html

• Reduxの-佐賀

https://redux-saga.js.org/