03.3 EXPO: How to debug (break point and redux store)

Details

 Preparation

Add the redux-devtools-expo-dev-plug package to your project

 

https://www.npmjs.com/package/redux-devtools-expo-dev-plugin

 

npm install redux-devtools-expo-dev-plugin

 

import devToolsEnhancer from "redux-devtools-expo-dev-plugin";

const store = configureStore({
  reducer: rootReducer,
  devTools: false,
  enhancers: (getDefaultEnhancers) =>
    getDefaultEnhancers().concat(devToolsEnhancer()),
});

---

Click on the emulator

Press APPLE + d

Menu: select 'show developer menu

Menu: start debugger

 

Note: debugger can do break points

 

 

In the console,

SHIFT + m

Select 'redux debugger'

 

Note: This fires up a redux debugger where you can you can see the store and actions