mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
ab889369d5
* [fix] apollo-redux: Separate out entire example #3463 Apollo and Redux are completely separate ways of managing state. This example serves as a conduit if you were using Apollo 1.X with Redux, and are migrating to Apollo 2.x, however, you have chosen not to manage your entire application state within Apollo (`apollo-link-state`). There is no "withData" function that allows you to call either/or. You must call "withRedux" and/or "withApollo" on your Component. They can be combined in the example at `index.js` or remain separate as seen in `apollo.js` and `redux.js`. Going forward, this example may go the way of the dodo. * [chore] reformat code to match next syntax Localize prettier sometimes has a mind of its own. 😄️ * Fix linting
44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
import { createStore, applyMiddleware } from 'redux'
|
|
import { composeWithDevTools } from 'redux-devtools-extension'
|
|
import thunkMiddleware from 'redux-thunk'
|
|
|
|
const exampleInitialState = {
|
|
lastUpdate: 0,
|
|
light: false,
|
|
count: 0
|
|
}
|
|
|
|
export const actionTypes = {
|
|
ADD: 'ADD',
|
|
TICK: 'TICK'
|
|
}
|
|
|
|
// REDUCERS
|
|
export const reducer = (state = exampleInitialState, action) => {
|
|
switch (action.type) {
|
|
case actionTypes.TICK:
|
|
return Object.assign({}, state, { lastUpdate: action.ts, light: !!action.light })
|
|
case actionTypes.ADD:
|
|
return Object.assign({}, state, {
|
|
count: state.count + 1
|
|
})
|
|
default: return state
|
|
}
|
|
}
|
|
|
|
// ACTIONS
|
|
export const serverRenderClock = (isServer) => dispatch => {
|
|
return dispatch({ type: actionTypes.TICK, light: !isServer, ts: Date.now() })
|
|
}
|
|
|
|
export const startClock = () => dispatch => {
|
|
return setInterval(() => dispatch({ type: actionTypes.TICK, light: true, ts: Date.now() }), 800)
|
|
}
|
|
|
|
export const addCount = () => dispatch => {
|
|
return dispatch({ type: actionTypes.ADD })
|
|
}
|
|
|
|
export const initStore = (initialState = exampleInitialState) => {
|
|
return createStore(reducer, initialState, composeWithDevTools(applyMiddleware(thunkMiddleware)))
|
|
} |