This package let's you to connect your redux actions in express js server
dispatch({type: Actions.FECH_DATA, id, xhr: true})
const api = require("biskut/expressMiddleware")
const handler = async ({id}, req, res, next)=>{
const data = await DB.findById(id)
return {
type: Actions.POST_CREATE_SUCCESS,
data
}
})
const myApi = api({
[Actions.FECH_DATA] : handler
})
app.use(myApi)
- It use action in both server and client to communicate
- fetches the data from server automatically when dispatches the action
- Reducer can modify the store immediately for server response without any extra handler
npm install biskutin both server and client side- Create Actions which can use by both server and client
- Update your redux midleware
import createApiMiddleware from 'biskut/reduxMiddleware';
const store = createStore(reducers, initialState, applyMiddleware(
thunkmiddleware, .... other middleware,
createApiMiddleware({ url })
));
- Update server code
const expressMiddleware = require("biskut/expressMiddleware")
const Actions = require("../src/Actions.json")
const controller = {
[Actions.FECH_DATA]: <your handler>
}
app.use(api(handlers));
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent