aleleba/create-react-ssr
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-ssr.git synced 2025-06-21 05:18:32 -06:00
Code Issues Actions Packages Projects 1 Releases Wiki Activity

PR-492498: changing some webpack configuration and updating packages.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos
2022-08-30 17:00:36 +00:00
parent 1086989101
commit 9c2c283f61
11 changed files with 1336 additions and 1301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/frontend/index.tsx
View File

@ -6,7 +6,7 @@ import { BrowserRouter as Router } from 'react-router-dom';
import { Provider } from 'react-redux';
import { IInitialState } from './reducers/index';
import setStore from './setStore';
import config from '../../config';
import { config } from '../../config';
import './styles/global.scss';
import App from './components/App';
@ -28,7 +28,7 @@ interface IHot {
accept: any
}
const { env } = config;
const { ENV } = config;
const preloadedState = window.__PRELOADED_STATE__;
const store = setStore({ initialState: preloadedState });
@ -37,7 +37,7 @@ delete window.__PRELOADED_STATE__;
const container = document.getElementById('app')!;
if(env === 'development') {
if(ENV === 'development') {
const root = createRoot(container);
root.render(
<Provider store={store}>
@ -49,7 +49,7 @@ if(env === 'development') {
}
// add "const root" to be able to rerender.
env === 'production' && hydrateRoot(container,
ENV === 'production' && hydrateRoot(container,
<Provider store={store}>
<Router>
<App />
@ -72,7 +72,7 @@ env === 'production' && hydrateRoot(container,
</Provider>
); */
if((env) && (env === 'production')){
if((ENV) && (ENV === 'production')){
serviceWorkerRegistration();
}

6
src/frontend/setStore.ts
View File

@ -2,18 +2,18 @@
import { legacy_createStore as createStore} from 'redux'; //, applyMiddleware
// import { Provider } from 'react-redux';
import { composeWithDevTools as composeWithDevToolsWeb } from 'redux-devtools-extension';
import config from '../../config';
import { config } from '../../config';
import reducer, { IInitialState } from './reducers';
const { env } = config;
const { ENV } = config;
const composeEnhancers = composeWithDevToolsWeb({
// Specify here name, actionsBlacklist, actionsCreators and other options
});
const setStore = ({ initialState }: { initialState: IInitialState | undefined }) => {
const store = env === 'development' ? createStore(
const store = ENV === 'development' ? createStore(
reducer,
initialState,
composeEnhancers(),