フィルターのように還元型電子商取引を反応させる

Question

私のプロジェクトでフィルターのような電子商取引を実装したいのですが、フィルターを複数の場所から変更してURLと同期させることができるので、ストアのフィルタobj。 最後に、APIリクエストはURLに基​​づいて行われます。

アプローチは正しいですか？これに関するアドバイスや有用なリンク。

Answer 1

あなたはそうです。 Reduxはうまくフィットします。

は私のデモを確認してください：https://store.cezerin.com/footwear

マイReduxの状態は、アクション012上の私は仕事

const setProductsFilter = filter => ({type: t.SET_PRODUCTS_FILTER, filter: filter}) 
dispatch(setProductsFilter({categoryId: '13213213'})); 

でこの

productFilter: { 
    search: '', 
    categoryId: null, 
    priceFrom: null, 
    priceTo: null, 
    attributes: null, 
    sort: null, 
    fields: '', 
    limit: 30 
} 

減速で

case t.SET_PRODUCTS_FILTER: 
     return Object.assign({}, state, { 
     productFilter: Object.assign({}, state.productFilter, action.filter) 
     }) 

が含まれています- React、Redux、Node.jsを含むeコマースプラットフォームそれはSPAとPWAです。