Redux DevTools: Tips and tricks

React Native Debugger v.0.9.14
react-native-debugger – windows
https://github.com/jhen0409/react-native-debugger/releases

Install location for react-native-debugger
%HOMEPATH%\AppData\Local\react_native_debugger\react-native-debugger.exe

Redux DevTools: Tips and tricks for faster debugging

How to Debug ReactJS with Chrome DevTools

zalmoxisus/redux-devtools-extension

reduxjs/redux-devtools

React Redux Tutorials – 24 – Redux Devtool Extension

Mac :
A Thorough Guide to Install React Native Debugger to an Expo App

React native debug on windows
Ctrl + M to open up some “developer menu”
click on enable remote JS debugging
Depending on your react native version, chrome may or may not open up the debugging tab. But in any case, go to localhost:8081/debugger-ui should do it.

https://reactnative.dev/docs/debugging

Visual Studio Code React Native Tools extension

============
Unsupported DevTools backend version
You are running react-devtools version 4.14.0-d0ec283819.

This requires bridge protocol version 1. However the current backend version uses bridge protocol version 2.

To fix this, upgrade the DevTools NPM package:

npm i -g react-devtools@^4.22.0

Unsupported DevTools backend version
You are running react-devtools version 4.14.0-d0ec283819.

This requires bridge protocol version 1. However the current backend version uses bridge protocol version 2.

To fix this, upgrade the DevTools NPM package:

npm i -g react-devtools@^4.22.0
Or click here for more information.
https://fb.me/devtools-unsupported-bridge-protocol

Leave a Reply

Your email address will not be published. Required fields are marked *