Reactive Apps with Akka and AngularJS Heiko Seeberger GeeCON 2015, Kraków The Reactive Traits How to go Reactive with Akka and AngularJS? Akka • Actors for Java/Scala • Reactive all through • Open Source under Apache License “Akka is a toolkit and runtime for building highly concurrent, distributed, and resilient message-driven applicationson the JVM.” http://akka.io AngularJS • HTML/Javascript framework • Browser-based single-page apps • Open Source under MIT License “HTML enhanced for web apps!” https://angularjs.org Demo – Reactive Flows Demo – Reactive Flows AngularJS T R E S SSE Akka HTTP Akka HTTP Akka Data Replication Akka Cluster Sharding Akka Persistence Demo – Reactive Flows AngularJS Basics – Templates <div ng-repeat="msg in messages | orderBy:'date':true"> <div> <div class="date-time">{{msg.date}}</div> <div class="text">{{msg.text}}</div> </div> </div> AngularJS Basics – Controller m.controller('HomeCtrl', ['$scope', function ($scope) { $scope.messages = [{ text: 'Text1', dateTime: '2015-04-14 19:20:21' }]; }]);