Comments (2)
i managed to connect via "@redux-devtools/cli": "^2.0.0",
but connection is not stable ... it disconnects and reconnects all the time
npx redux-devtools --hostname 127.0.0.1 --port 8000
then RN
import {configureStore} from '@reduxjs/toolkit';
import devToolsEnhancer from 'remote-redux-devtools';
const composeEnhancers = composeWithDevTools({
realtime: true,
hostname: '127.0.0.1',
port: 8000,
name: Platform.OS,
...Platform.select({
ios: {
maxAge: 1000,
latency: 2000,
autoPause: true,
},
android: {
maxAge: 500,
latency: 1000,
autoPause: false,
},
}),
});
let store = configureStore({
reducer: persistedReducer,
middleware(getDefaultMiddleware) {
return getDefaultMiddleware({
serializableCheck: {
ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
},
})
.prepend(api.middleware)
.concat(rtkQueryErrorLogger);
},
devTools: false,
enhancers: defaultEnhancers => [composeEnhancers(...defaultEnhancers)],
});
then i tried vscode redux devtools and browses extention for Redux DevTools. All the same. No stable connection yet. not even 5 seconds before it falls
from vscode-redux-devtools.
It looks like remote-redux-devtools obsolete package? Documentation is a mess. We need to go on with @redux-devtools/remote.
Here is working example for RN project:
- install packages :
"@redux-devtools/cli": "^2.0.0",
"@redux-devtools/remote": "^0.8.0",
"react-native-get-random-values": "^1.8.0"
don't forget `cd ios & pod install` for react-native-get-random-values.
- in root directory in index.js add
// fix: https://www.npmjs.com/package/uuid#react-native--expo
import 'react-native-get-random-values';
without it your app will throw error with crypto.getRandormSomething..
3. Run your dev server for remote redux dev tools: redux-devtools --open=electron --hostname=localhost --port=8000
. Maybe you will need to install electron.
4. optional: add script for package.json:
"postinstall": "redux-devtools --open=electron --hostname=localhost --port=8000"
- Go with this code or something similar
import {devToolsEnhancer} from '@redux-devtools/remote';
let store = configureStore({
reducer: rootReducer,
// middleware: [], // your middleware
devTools: false,
enhancers: [
devToolsEnhancer({
name: 'myReduxApp',
realtime: true,
hostname: '192.168.1.122', // IP address of machine where redux-devtools server is running
port: 8000,
trace: true,
traceLimit: 10,
}),
],
});
from vscode-redux-devtools.
Related Issues (18)
- Using vscode-redux-devtools over an existing chrome debug connection HOT 1
- Error in README and in description at marketplace.visualstudio.com HOT 1
- Cannot make this work with Expo HOT 4
- Question about capability HOT 1
- vscode.previewHtml will be deprecated and removed soon. HOT 1
- Ability for React only HOT 2
- Can I use it for Angular application? HOT 4
- Can't open it at all in VSCode 1.12.1 HOT 1
- Default values do not work HOT 1
- Adopt VS Code's 'asWebviewUri' API
- localhost is misspelled in Settings HOT 1
- state is undefined HOT 1
- Wrong characters shown in Mac HOT 3
- Overwrite default configurations(hostName and socketPork) not working
- Horizontal scrollbar issue... HOT 2
- How to specify the log size limit? HOT 1
- 'Connect' doesn't seem to do anything HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vscode-redux-devtools.