In this repository you can find example of unidirection web application builded with React, Redux and Akka. Project done on Scala and ES6. Communication between client and server working on top of websocket connection with JSON API. To do some changes on server, client must put command in channel, server will handle it and produce event that will be published across connected clients.
You can play with application here. Just be patient, heroku instance startup time not so low ;)
On a client side, as mentioned before we used React/Redux and ES6. High level logic described in app.es6, we have two stores, one for commands and one for events. Commands store used to put event on websocket connection. Events store used by websocket connection to publish changes on all components.
In project defined two react components. Share component have a input form that put PublishTweet command to store. Tweet component its a view of last tweet in system that updates from events store.
As a build tool used Gulp with predefined scripts:
gulp compile- transpile, uglify and bundle all ES6 code to/dist/app.jsgulp test- launch test suites with Mochagulp build- run test and compile phasesgulp serve- launch webserver with/distfolder as a rootgulp- launch serve phase and do watching on tests and sources
Server side in current example had a role of state storage that publish changes to all subscribed nodes. Main logic of application you can find in Tweet Room Actor.
As mentioned before, we used websocket connection to communicate between client and server. Websocket connection handled by Akka Streams, on it we deserialize our requests, put it into dispatcher to choose actor that will handle command and then serialize request.
We have external and internal parts of protocol. This separation needed to control flow communication flow and be sure that user cannot execute some internal commands. To be clear, internal protocol part in project needed only for pattern matching in some places so you can easily remove it, because internal protocol always described near actor that will handle it.
Copyright (C) 2016 Arthur Kushka.
Distributed under the MIT License.