Redux Devtools

Rematch works with Redux Devtools out of the box. No configuration required.

init() // devtools up and running

Its also possible to add redux devtools configuration options.

init({
redux: {
devtoolOptions: options,
},
})

To disable redux devtools, set disabled property to true:

init({
redux: {
devtoolOptions: {
disabled: true,
},
},
})

Remote Redux-Devtools#

Remote-redux-devtools is not supported in rematch see this issue. You can use react-native-debugger which works out of the box with rematch.

Reactotron#

Setup Rematch to also work with Reactotron devtools.

// Reactotron.config.js
import Reactotron from 'reactotron-react-native'
import { reactotronRedux } from 'reactotron-redux'
export default Reactotron.configure({
name: 'MyAwesomeApp',
})
.use(reactotronRedux())
// add other devtools here
.connect()

Overwrite createStore to complete the config.

// index.js
import Reactotron from './Reactotron.config.js'
init({
redux: {
enhancers: [Reactotron.createEnhancer()],
// If using typescript/flow, enhancers: [Reactotron.createEnhancer!()]
},
})