Làm thế nào để cài đặt redux devtools?

Cài đặt

Chạy lệnh npm install --save-dev redux-devtools

Cấu hình

Nếu bạn có một basic store được mô tả trong document chính thức của redux, bạn chỉ cần thay:

const store = createStore(reducer);

với đoạn code sau

const store = createStore(reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());

Lưu ý: nếu bạn dùng eslint và eslint được cấu hình với rule no-underscore-dangle bạn cần wrap đoạn code như sau

/* eslint-disable no-underscore-dangle */ const store = createStore(reducer, preloadedState, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ); /* eslint-enable */

Nếu bạn cần cấu hình ở những trường hợp phức tạp hơn, tham khảo tại:

https://github.com/zalmoxisus/redux-devtools-extension#usage

Sử dụng

1. Chạy ứng dụng của bạn
2. Bật Chrome Develop ToolsTools
3. Chọn Redux tab
4. Enjoy it!