You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
975 B
JavaScript
33 lines
975 B
JavaScript
export default async function loadReactRedux(storeReducer) {
|
|
const React = await import('react');
|
|
const { render, unmountComponentAtNode } = await import('react-dom');
|
|
const { Provider } = await import('react-redux');
|
|
const { createStore, applyMiddleware } = await import('redux');
|
|
const { default: reduxThunk } = await import('redux-thunk');
|
|
const { default: reduxPromise } = await import('redux-promise-middleware');
|
|
|
|
const reduxMiddlewares = [];
|
|
reduxMiddlewares.push(reduxThunk);
|
|
reduxMiddlewares.push(reduxPromise);
|
|
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
const { createLogger } = await import('redux-logger');
|
|
reduxMiddlewares.push(createLogger({
|
|
collapsed: true,
|
|
duration: true,
|
|
}));
|
|
}
|
|
|
|
const store = createStore(storeReducer, applyMiddleware(...reduxMiddlewares));
|
|
|
|
return {
|
|
React,
|
|
render,
|
|
unmountComponentAtNode,
|
|
Provider,
|
|
store,
|
|
};
|
|
}
|
|
|
|
window.Hydro.utils.loadReactRedux = loadReactRedux;
|