redux-saga-chat-example's Introduction

redux-saga-chat-example

Do you have interest in more redux-saga examples?

Please visit kuy/redux-saga-examples repository to get more.

WORK IN PROGRESS

A chat app built with redux-saga and Socket.IO.

The app consists of two parts: server and client. The server side, which is implemented with koa + koa-socket, provides Socket.IO endpoint and a (fake) DB backend.

Get Started

Clone code from github and install dependencies. To use koa-socket, Please make sure that you're using Node.js v4 or later.

git clone https://github.com/kuy/redux-saga-chat-example.git
cd redux-saga-chat-example
npm install

Start server

npm start

Start client (webpack-dev-server)

npm run client

Open `http://localhost:8080/` in 2 tabs

Notice: This example assume you to run on local, which means not on virtual machines like VMware, Virtualbox, etc. If a request doesn't reach to the server, please try to rewrite localhost to your IP or hostname in server code.

License

MIT

Author

Yuki Kodama / @kuy

redux-saga-chat-example's Issues

Help with pubnub

Thanks for this great example of using redux-saga to handle socket data

do you know how can I integrate pubnub with saga?

This is an example of subscribe

pubnub.subscribe({
    channel : 'my_channel',
    message : function(m){
        console.log(m);
        // dispatch action with the new message
    },
    error : function (error) {
        // dispatch action with error
    }
});

Comment sagas files

https://github.com/kuy/redux-saga-chat-example/blob/master/src/client/sagas.js

Hi @kuy, thanks a lot for this example !

Few parts are quite confusing :

function* read(socket, me) {
    const channel = yield call(subscribe, socket, me);
	
    while (true) {
		// Give examples to understand better the use of redux-saga channels
		// It's never triggered for me
        const action = yield take(channel);
        yield put(action);
    }
}

Thanks a lot for your help !

Recommend Projects