Abstrayendo React Router, creando history y haciendo initialState mas…

… accesible
MauroBrandan · Aug 9, 2021 · a4634a1 · a4634a1
1 parent 37a29f4
commit a4634a1
Show file tree

Hide file tree

Showing 6 changed files with 263 additions and 179 deletions.
diff --git a/initialState.json b/initialState.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,11 +15,13 @@
 	"dependencies": {
 		"dotenv": "^10.0.0",
 		"express": "^4.17.1",
+		"history": "^5.0.0",
 		"md5": "^2.3.0",
 		"react": "^17.0.2",
 		"react-dom": "^17.0.2",
 		"react-hot-loader": "^4.13.0",
 		"react-redux": "^7.2.4",
+		"react-router-config": "^5.1.1",
 		"react-router-dom": "^5.2.0",
 		"redux": "^4.1.1",
 		"webpack": "^5.49.0",

diff --git a/src/frontend/index.js b/src/frontend/index.js
@@ -2,18 +2,23 @@ import React from 'react'
 import ReactDOM from 'react-dom'
 import { Provider } from 'react-redux'
 import { createStore, compose } from 'redux'
+import { Router } from 'react-router-dom'
+import { createBrowserHistory } from 'history'
 
 import reducer from './reducers'
 import App from './routes/App'
-import { initialState } from '../../initialState.json'
+import initialState from './initialState'
 
+const history = createBrowserHistory()
 const container = document.getElementById('app')
 const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
 const store = createStore(reducer, initialState, composeEnhancers())
 
 ReactDOM.render(
 	<Provider store={store}>
-		<App />
+		<Router history={history}>
+			<App />
+		</Router>
 	</Provider>,
 	container
 )