redux-devtools-extension icon indicating copy to clipboard operation
redux-devtools-extension copied to clipboard

docs: add installation instructions for configureStore

Open dlqqq opened this issue 3 years ago • 2 comments

See corresponding redux docs: https://redux-toolkit.js.org/api/configureStore

In the latest CRA template for redux-typescript, the root store is configured via configureStore instead of createStore. The installation instructions don't mention anything for this case.

With configureStore, enabling devtools is simple as appending the following line to the setup:

export const store = configureStore({
  ...
  devTools: true
  ...
})

We can save users a lot of future headache by adding this to the README.

dlqqq avatar Jan 20 '21 20:01 dlqqq

Do you have any problems with devTools on Chrome? Even though I have set devtools in ConfigureStore to True, DevTools on chrome can not detect my redux state.

nguyenduckhai avatar Jun 03 '21 04:06 nguyenduckhai

Yep, it simply does not work. Another completely broken tool to throw on the massive pile of completely broken frontend tools. These tools often work by themselves, but as soon as you combine them, it ends in tears.

export function createStore(config: ConfigState): Store<AppState> {
    return configureStore({
        reducer: createAppReducer(config),
        devTools: true,
    })
}
image

steve-taylor avatar Aug 06 '21 03:08 steve-taylor