mirror of
				https://github.com/reduxjs/redux-devtools.git
				synced 2025-11-04 09:57:26 +03:00 
			
		
		
		
	
		
			
				
	
	
		
			33 lines
		
	
	
		
			911 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			33 lines
		
	
	
		
			911 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import React, { Component } from 'react';
 | 
						|
import TodoApp from './TodoApp';
 | 
						|
import { createStore, combineReducers, compose } from 'redux';
 | 
						|
import { devTools, persistState } from 'redux-devtools';
 | 
						|
import { DevTools, DebugPanel, LogMonitor } from 'redux-devtools/lib/react';
 | 
						|
import { Provider } from 'react-redux';
 | 
						|
import * as reducers from '../reducers';
 | 
						|
 | 
						|
const finalCreateStore = compose(
 | 
						|
  devTools(),
 | 
						|
  persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/)),
 | 
						|
  createStore
 | 
						|
);
 | 
						|
 | 
						|
const reducer = combineReducers(reducers);
 | 
						|
const store = finalCreateStore(reducer);
 | 
						|
 | 
						|
export default class App extends Component {
 | 
						|
  render() {
 | 
						|
    return (
 | 
						|
      <div>
 | 
						|
        <Provider store={store}>
 | 
						|
          {() => <TodoApp /> }
 | 
						|
        </Provider>
 | 
						|
        <DebugPanel top right bottom>
 | 
						|
          <DevTools store={store}
 | 
						|
                    monitor={LogMonitor} />
 | 
						|
        </DebugPanel>
 | 
						|
      </div>
 | 
						|
    );
 | 
						|
  }
 | 
						|
}
 |