redux-devtools/packages/redux-devtools-app-core
Matt Oakes 96ac1f291a
Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655)
This change splits out the main logic from the Redux Devtools App into a new
core package but keeps the socket connection management in @redux-devtools/app.
The aim is to allow for easier reuse of the rest of the app in other envioronments
with their own transport methods, such as React Native or Electron.
2024-06-12 09:18:46 -04:00
..
src Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
test Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
.eslintignore Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
.eslintrc.js Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
babel.config.esm.json Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
babel.config.json Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
jest.config.js Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
LICENSE.md Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
package.json Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
README.md Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
tsconfig.json Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00
tsconfig.test.json Move the logic from @redux-devtools/app into @redux-devtools/app-core (#1655) 2024-06-12 09:18:46 -04:00

Redux DevTools monitor app core

The core React component and Redux store for the Redux DevTools monitor app. It is split out to allow you to use it directly for transports other than the standard WebSocket one.

Usage

import { Provider } from 'react-redux';
import { Persistor } from 'redux-persist';
import { PersistGate } from 'redux-persist/integration/react';
import { App } from '@redux-devtools/app-core';
import { store, persistor } from "./yourStore";

export function Root() {
  return (
    <Provider store={store}>
      <PersistGate loading={null} persistor={persistor!}>
        <App />
      </PersistGate>
    </Provider>
  );
}

License

MIT