-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstore.js
62 lines (53 loc) · 1.54 KB
/
store.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import { useMemo } from 'react'
import { createStore, applyMiddleware } from 'redux'
import { composeWithDevTools } from 'redux-devtools-extension'
let store;
const initialState = {
currentUserHandle: '',
currentUserImage: 'https://pbs.twimg.com/profile_images/1292192144464072704/YyKG_Mx3_400x400.jpg'
}
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'UPDATE_USER_HANDLE':
return {
...state,
currentUserHandle: action.payload.user_handle
}
case 'UPDATE_USER_IMG':
return {
...state,
currentUserImage: action.payload.user_img
}
default:
return state
}
}
function initStore(preloadedState = initialState) {
return createStore(
reducer,
preloadedState,
composeWithDevTools(applyMiddleware())
)
}
export const initializeStore = (preloadedState) => {
let _store = store ?? initStore(preloadedState)
// After navigating to a page with an initial Redux state, merge that state
// with the current state in the store, and create a new store
if (preloadedState && store) {
_store = initStore({
...store.getState(),
...preloadedState,
})
// Reset the current store
store = undefined
}
// For SSG and SSR always create a new store
if (typeof window === 'undefined') return _store
// Create the store once in the client
if (!store) store = _store
return _store
}
export function useStore(initialState) {
const store = useMemo(() => initializeStore(initialState), [initialState])
return store
}