redux-share
share redux state between applications
Last updated 4 years ago by baptistemanson .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install redux-share 
SYNC missed versions from official npm registry.

redux-share

Share redux state across the network between multiple clients and server!

Server

Here is the code to integrate the server side with express:

//server.js

//start the socket server
var syncReduxServer = require('redux-share').server(store,server);

//bind redux server and express
app.use('/redux',syncReduxServer.getMiddleware());

Client

The client a bit more complex, as your need to sync your state with the server upon connection.

//client.js
var SyncReduxClient = require('redux-share').client;

var syncReduxClient = new SyncReduxClient('ws://localhost:2000');

//apply the middleware
store = createStore(reducer,applyMiddleware(syncReduxClient.getClientMiddleware()));

//open a socket to the server, then dump the state to the server
store.dispatch({type:"@@SYNC-CONNECT-SERVER-START"});


Example of a reducer on the server to handle client connection

function reducer(state = {} , action) { 
	if(action.type === "@@SYNC-CONNECT-SERVER-END") return action.state;
}

List of special actions (client)

  • @@SYNC-CONNECT-SERVER-START: called on the client to init state synchronization. This action will not be seen by the server.
  • @@SYNC-CONNECT-SERVER-END: called on the client after the connection is successful, with the state in the payload. This action is the first the server will see.

API Endpoints (server)

  • /redux/state: GET the state.
  • /redux/action: POST an action.

Current Tags

  • 0.0.2                                ...           latest (4 years ago)

2 Versions

  • 0.0.2                                ...           4 years ago
  • 0.0.1                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (3)
Dev Dependencies (12)
Dependents (2)

Copyright 2014 - 2016 © taobao.org |