{"id":3170,"date":"2019-04-05T14:39:04","date_gmt":"2019-04-05T13:39:04","guid":{"rendered":"https:\/\/sandbox.weareadaptive.com\/?p=3170\/"},"modified":"2020-11-18T14:52:22","modified_gmt":"2020-11-18T14:52:22","slug":"reactive-trader-cloud-major-update","status":"publish","type":"post","link":"https:\/\/sandbox.weareadaptive.com\/fr\/2019\/04\/05\/reactive-trader-cloud-major-update\/","title":{"rendered":"Reactive Trader<sup>\u00ae<\/sup> Cloud | Major Update"},"content":{"rendered":"<div style=\"text-align: justify;\">Technology moves fast! UI technology moves even faster. Keeping up to date with the plethora of languages, libraries and frameworks can be an uphill struggle. Each component we select in a UI stack can carry risk, and is likely to be out of date within a year or two. Here at Adaptive, we continuously evaluate the latest technologies in realistic environment via our Reactive Trader<sup>\u00ae<\/sup> Cloud Platform. This allows us to make informed recommendations to our clients, demonstrate how we put systems together, and ensure our developers are up to date with the latest tech.<\/p>\n<p>Reactive Trader<sup>\u00ae<\/sup> Cloud is a real-time, open-source, demo FX trading platform. Originally written in WPF, we have continued to evolve the platform to both browser and desktop technology.<\/p>\n<p><strong>Today we are releasing a major new update with a variety of new and interesting features.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh4.googleusercontent.com\/Sqd8_jTamAot-6CFofhv_aiG6T9mlkPX4yt5oe4iz5mFGJro59nG_t7m0Flu0n-EgCs2D5wHJae_VhE9b4wGGA9MODrVNqdvGHuRw9a7p8SRQE7ENruaeRxP0xfetkUuqGXp9bdq\" width=\"1365\" height=\"758\" \/><\/p>\n<h5><strong>Website<\/strong><\/h5>\n<p>Click here for the\u00a0<a href=\"https:\/\/web-demo.adaptivecluster.com\" target=\"_blank\" rel=\"noopener noreferrer\">Live Site<\/a>.<\/p>\n<h5>Openfin<\/h5>\n<p>To run the application in Openfin, download and run the following <a href=\"https:\/\/github.com\/AdaptiveConsulting\/ReactiveTraderCloud\/blob\/master\/src\/client\/install\/ReactiveTraderCloud-launcher-demo.exe?raw=true\" target=\"_blank\" rel=\"noopener noreferrer\">Launcher Installer<\/a>.<\/p>\n<h2 style=\"text-align: center;\"><\/h2>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\">So what&rsquo;s new?<\/h2>\n<hr \/>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<h3>An all-new, fully responsive and themeable design<\/h3>\n<p>We have updated Reactive Trader<sup>\u00ae<\/sup>\u2019s look and feel to bring it up to date with our living style guide found here:<\/p>\n<p><span class=\"btn-flat\"><a href=\"https:\/\/web-demo.adaptivecluster.com\/styleguide\" target=\"_blank\" rel=\"noopener noreferrer\">Living Style Guide<\/a><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh6.googleusercontent.com\/083jevYwuCr7g3jusPg7zerxe3uikhoKCKUShpvu8-HApYM1cgasjHt5SODgd4iFvudgGqSzFyyfibwaOaZeL62BbjFcfb-vk5N-vq0bTpSsy3hCiJ5Pm9IcPwf0Qg1nhpKSLv-C\" width=\"748\" height=\"538\" \/><\/p>\n<p>Reactive Trader<sup>\u00ae<\/sup> keeps its slick look and feel on all devices.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh6.googleusercontent.com\/sOCX7Z5jl5wK9_NQME7MtqVf8bRQrROR_s86DbAAJYVFY5OuK9HJfRMKgjegOvTpCDRU45a6IqYkQKD4KsL-m_iuV3hb7SBRyc9j2heQXSfKIK_ylbM-AM_S0geooiKCSaEefaAA\" width=\"1365\" height=\"724\" \/><\/p>\n<p>No serious application is complete without a dark mode!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh4.googleusercontent.com\/Sqd8_jTamAot-6CFofhv_aiG6T9mlkPX4yt5oe4iz5mFGJro59nG_t7m0Flu0n-EgCs2D5wHJae_VhE9b4wGGA9MODrVNqdvGHuRw9a7p8SRQE7ENruaeRxP0xfetkUuqGXp9bdq\" width=\"1365\" height=\"758\" \/><\/p>\n<p>Runs in the Browser or the Desktop<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh3.googleusercontent.com\/1bpGNsdSEz7jNCxOM6_mTAa0T3lJWtxtjjFUgalGJ7CZUdBinTM-_rZ7IoMWIV3Caam9uh-B9j35yDeZFXaYwFEfF50BEvZEspYGyPyz5OqsVYVf6RNZ1-o8-VGbNCJhI3nQudK8\" width=\"1365\" height=\"689\" \/><\/p>\n<p>Reactive Trader<sup>\u00ae<\/sup> Cloud can run in a browser or on the desktop via Openfin. The behaviour of features such as notifications and window tear offs change according to the environment. Also, Reactive Trader<sup>\u00ae<\/sup> makes use of Openfin\u2019s snap and dock features for window management.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh6.googleusercontent.com\/Cfpm-MXTxhbnWaRrgNRM3tqDXwd-Ro-wFzI4LoFdaEuoB3zBXO21_GgsnDh28Be1yCC0-8KS4MpnccDOwPGVq9UsBemH9TlccyBC9Dm7GktxvDZzH_Q4shhyNVPwTqU-09KtCsFb\" width=\"1365\" height=\"759\" \/><\/p>\n<h3>Application Launch Bar<\/h3>\n<p>The new version of Reactive Trader<sup>\u00ae<\/sup> Cloud includes a floating desktop launch bar that opens Adaptive&rsquo;s Demo applications. The bar can also be used to switch themes.<\/p>\n<p>To run the launcher , download and run the <a href=\"https:\/\/github.com\/AdaptiveConsulting\/ReactiveTraderCloud\/blob\/develop\/src\/client\/public\/config\/openfin\/launcher-demo.json\" target=\"_blank\" rel=\"noopener noreferrer\">following installer<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh3.googleusercontent.com\/B-TfxOhWm-5goVLG3Fpj87xWyot2YFLXlQZ1rc2la37ImPr-TxSCkqqcT_7olgjkjNRqzOgbhYPuqt4vMxY2zYvTlBVDlFsu52EzHGVB890cgouYAv_1EC4Fb0wiFxuWYIcmT4V-\" width=\"1309\" height=\"937\" \/><\/p>\n<h3>Excel Interoperability on the desktop<\/h3>\n<p>Reactive Trader<sup>\u00ae<\/sup>Cloud can interact with Excel sheets on a users desktop. Trades and positions are streamed from the application to an Excel spreadsheet via Openfin\u2019s interoperability API. It is also possible to close out positions from the Excel sheet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh5.googleusercontent.com\/sgJSAI7HUk4QZZpl9kLJJbbR0rSKlaUptday1WRsteURz5m32Pr_1yseuRHEc4uT-9nEyhuFCjPtjQMwLAvZYk4epHCXIXjxhQCGTfQni6_q2E4jgFoz3rCSrZBnCt3j4ALztF2D\" width=\"1365\" height=\"709\" \/><\/p>\n<h3>Interoperability with legacy applications<\/h3>\n<p>Reactive Trader<sup>\u00ae<\/sup> Cloud allows a user to set trading limits in a separate WPF application, demonstrating how modern web technologies can interact with legacy applications built in other languages such as JavaFX or WPF. This is achieved using Openfin\u2019s interoperability bus and .Net adapter.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh5.googleusercontent.com\/XO1DpKBGHIGCvgB2SrK7_khGgl-Act5Z_VjE4MrIU0xdEubrvTngj6mqrFAtQwARLoMaEUJw8uM5NFh47iCpPC7sqLw-fpBG13DDhcNLgfUgRhSsYs21f_Z2tyIeXynqbTLGj5hX\" width=\"1365\" height=\"690\" \/><\/p>\n<h3>Price History View<\/h3>\n<p>We now show a live historical price chart on trading tiles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"-webkit-user-select: none; cursor: zoom-in;\" src=\"https:\/\/lh4.googleusercontent.com\/om0qtVCMONq6Ft9D9tFH5M-45TsbmJs3QsUfWYdGtrB_Z8_8k8DWfb5bLg_1wlg7mTahC-91FB1F6AkBHlT8ei8DCuhizn6LmyfS0E01QzX1WbPTrE45Jj4Z1udjKtnQ2s37sk7K\" width=\"1365\" height=\"714\" \/><\/p>\n<h3>Resilient Real-Time Architecture<\/h3>\n<p>Reactive Trader<sup>\u00ae<\/sup> cloud can recover from services becoming disconnected. For example, if a pricing service goes down the application will automatically connect to another back-end instance. If there is no service available, the application will periodically attempt to establish a connection until it succeeds.<\/p>\n<h3>Underlying Technology<\/h3>\n<p>Reactive Trader<sup>\u00ae<\/sup> cloud is built with the latest web technology including:<\/p>\n<ul>\n<li>React<\/li>\n<li>Redux<\/li>\n<li>Redux-Observable<\/li>\n<li>Typescript<\/li>\n<li>Openfin<\/li>\n<li>Styled-Components<\/li>\n<\/ul>\n<h3>Summary<\/h3>\n<p>We will continue to develop Reactive Trader<sup>\u00ae<\/sup> Cloud as the UI technology landscape evolves.<\/p>\n<p>More updates coming soon!<\/p>\n<h1>Author<\/h1>\n<h2>Bhavesh Desai<\/h2>\n<p>Head of UI Development at Adaptive.\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Technology moves fast! UI technology moves even faster. Keeping up to date with the plethora of languages, libraries and frameworks &#8230;<\/p>\n","protected":false},"author":24,"featured_media":3172,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,135,245],"tags":[221,244],"class_list":["post-3170","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-reactive-web-development","category-showcase","tag-adaptive-reactive-trader","tag-showcase"],"_links":{"self":[{"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/posts\/3170"}],"collection":[{"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/comments?post=3170"}],"version-history":[{"count":3,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/posts\/3170\/revisions"}],"predecessor-version":[{"id":5513,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/posts\/3170\/revisions\/5513"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/media\/3172"}],"wp:attachment":[{"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/media?parent=3170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/categories?post=3170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/tags?post=3170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}