The examples-redux-persist-next from nickmarca

examples-redux-persist-next's People

Contributors

Stargazers

Watchers

examples-redux-persist-next's Issues

Create with _app and document

Hi there, first of all, thanks by the example.
I could implement without _app.js and _document.js with success.

But I can't with them... would you create an example with _document.js and _app.js new version?

Thanks in advance
Carlos Vieira

need help on create reducer

HI there sorry bother you....

Hi there
I'm following this example of element6
rt2zz/redux-persist#598

and I need help in creating the ./reducer in order to save information in user..
I already have in this.props the user and dispatch... but I need help...

sorry if I'm taking to much from you but I really need this ./reducer rootreducer

let _persistor;
export default Page => withRedux(
	(initialState, { isServer }) => {
		const { persistor, store } = makeStore(initialState, { isServer })
		_persistor = persistor
		return store
	}, mapStateToProps, mapDispatchToProps
)(class DefaultPage extends React.Component {
	
	render() {
                if (!_persistor) return <Loading/>

		return (
			<PersistGate loading={<Loading/>} persistor={_persistor}>
				<App />
			</PersistGate>
		)
	}
}

//store.js
import { createStore } from "redux";
import rootReducer from "./reducer";
import storage from 'redux-persist/lib/storage'

function clientStore(initialState) {
	const { persistStore, persistReducer } = require('redux-persist')

	const persistConfig = {
		key: 'root',
		storage,
	}
	const persistedReducer = persistReducer(persistConfig, rootReducer)
	const store = createStore(persistedReducer, initialState)
	const persistor = persistStore(store)
	return { store, persistor }

}

export const makeStore = (initialState, { isServer }) => {

	const { store, persistor } = isServer ? { store: createStore(rootReducer, initialState) } : clientStore(initialState);

	if (module.hot) {
		module.hot.accept('./reducer', () => {
			console.log('Replacing reducer');
			store.replaceReducer(require('./reducer').default);
		});
	}

	return { store, persistor };

};

thanks

Recommend Projects