{"id":3308,"date":"2019-07-02T10:56:05","date_gmt":"2019-07-02T09:56:05","guid":{"rendered":"https:\/\/sandbox.weareadaptive.com\/?p=3308\/"},"modified":"2020-11-18T14:52:16","modified_gmt":"2020-11-18T14:52:16","slug":"reactive-trader-now-runs-finsemble","status":"publish","type":"post","link":"https:\/\/sandbox.weareadaptive.com\/fr\/2019\/07\/02\/reactive-trader-now-runs-finsemble\/","title":{"rendered":"Reactive Trader\u00ae<\/sup> now runs in Finsemble"},"content":{"rendered":"

Financial applications need space<\/h2>\n

One window is not enough anymore for modern, complex financial applications. They span screens and break out of browsers, to provide a multi-window, multi-monitor experience. Finsemble<\/a>, by ChartIQ, allows developers to build such richly functional desktop applications, while using familiar web technologies. In addition to rendering HTML and running javascript, it offers out-of-the-box features such as desktop notifications, application interoperability and window management.<\/p>\n

Integrating Reactive Trader\u00ae<\/sup> with Finsemble<\/h2>\n

Here at Adaptive we love getting hands-on with the latest technology, so we were keen to get our open-source trading application, Reactive Trader\u00ae<\/sup>, running on the Finsemble platform. The process was straightforward – within a few hours, we had a working prototype.
\n<\/p>\n

What needed to be done<\/h2>\n

First, we requested access to Finsemble\u2019s private repositories, which are hosted on NPM. We then downloaded the Finsemble seed project<\/a>.<\/p>\n

Finsemble is a configuration driven platform, with customization coming from several JSON files. These are divided into a root configuration for the main application, and others for individual features such as components, workspaces and services. As an example, below you can see how straightforward it is to integrate our blotter with the Finsemble platform:<\/p>\n

<\/p>\n

Finsemble comes with two \u2018integration layers\u2019 – visual integration, and logical integration. Using these configuration files we quickly achieved visual integration in Reactive Trader\u00ae<\/sup>, in the form of the four categories below:<\/p>\n

Snapping and Docking<\/h3>\n

<\/p>\n

Tabbing<\/h3>\n

<\/p>\n

Workspace management<\/h3>\n

<\/p>\n

Tiling<\/h3>\n

<\/p>\n

Bringing components together<\/h3>\n

Finsemble\u2019s logical integration supports a range of data sharing capabilities, allowing applications to communicate with each other through either context linking, or drag and drop.
\n<\/p>\n

Message publishers and receivers can be injected into the respective components, requiring little or no configuration or code. Here are some examples for Reactive Trader\u00ae<\/sup>:
\n<\/p>\n

Publish JS injected into a Spot Tile component.<\/h6>\n

<\/p>\n

Receiver JS injected into Currency Chart component<\/h6>\n

\nReceiver in Currency Chart, adding a handler once the Finsemble object has been initialised.<\/h6>\n

Summary<\/h2>\n

The process of integrating Reactive Trader\u00ae<\/sup> with Finsemble was straightforward, and we were quickly leveraging the platform\u2019s most powerful features.<\/p>\n

You can find out more about Finsemble here<\/a>, also to learn more about the latest activity on Reactive Trader\u00ae<\/sup>, take a look at our post\u00a0here<\/a>.<\/p>\n

 <\/p>\n

Author<\/strong><\/h2>\n

\"\"<\/p>\n

Pierre de\u00a0Leastar<\/strong><\/h2>\n

Frontend Developer, Adaptive Barcelona<\/p>\n","protected":false},"excerpt":{"rendered":"

Financial applications need space One window is not enough anymore for modern, complex financial applications. They span screens and break …<\/p>\n","protected":false},"author":24,"featured_media":3313,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,145,242,135,245],"tags":[221,209,244],"class_list":["post-3308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-back-end","category-desktop-strategy","category-reactive-web-development","category-showcase","tag-adaptive-reactive-trader","tag-financial-applications","tag-showcase"],"_links":{"self":[{"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/posts\/3308"}],"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=3308"}],"version-history":[{"count":3,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/posts\/3308\/revisions"}],"predecessor-version":[{"id":5510,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/posts\/3308\/revisions\/5510"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/media\/3313"}],"wp:attachment":[{"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/media?parent=3308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/categories?post=3308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sandbox.weareadaptive.com\/fr\/wp-json\/wp\/v2\/tags?post=3308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}