Avaya Agent for Desktop with React and SignalR

Code Tutorial: Integrating Avaya Agent For Desktop With React And SignalR

Keyhole Software Azure, Company News, Development Technologies, Programming, React, Tutorial Leave a Comment

Keyhole Software gives readers an in-depth code walkthrough and tutorial for how to integrate Avaya Agent for Desktop using React and SignalR.

This integration allows the web-based application to asynchronously receive information about an inbound call, which enriches agents’ experiences and protects against context switching and double documenting. As for technology, AAfD (Avaya Agent for Desktop) is used as the softphone, React as the library to compose the SPA (Single Page Application), and SignalR as the bi-directional message hub.

The hypothetical scenario in this tutorial can be extended to many other use cases where there needs to be coordination between disparate systems, with an end user’s web browser being informed of the traffic without needing to do any long polling or other methodologies.

Asynchronous data flow is useful to many different business verticles, and SignalR is a powerful tool that will likely become a larger part of the custom Application Development enterprise ecosystem in years to come.

Redux InitialState with TypeScript

Redux with TypeScript: Focus on InitialState

John Boardman JavaScript, TypeScript 2 Comments

For this blog, I’m going to continue using the example project I’ve used for the last several blogs, Whirlpool. You can find my last post on the Keyhole Dev Blog – Updating Microservices with Netty, Kafka, and React: Whirlpool revisited. Feel free to go back and read about microservices, Netty, Kafka, and React, or just start here with me and continue on the journey. Either way, I’m glad you’re here.

The focus of this blog will be creating Redux’s InitialState using TypeScript. It tends to be tricky to get it to stop complaining about types, so this should be helpful. Personally, I’ve encountered this issue several times across multiple projects, so I think it is worth talking about.

better sort in JavaScript

Better Sort Ordering in JavaScript

Lou Mauget Development Technologies, JavaScript, Programming, Tutorial Leave a Comment

In this post, I show how to cajole Array.sort() into producing the following order. This: [Item 1, Item 2, Item 100] instead of this…[Item 1, Item 100, Item 2].

The answer is to pass the sort function a comparator argument from the International Collator built into every major browser and Node.js. This approach is simple and declarative for lists of flat strings. The comparison function arguments default to each string being compared. For sorting objects such as a list of dropdown choices, just pass a pair of the sort field drill-downs to the comparison function.

Complex Reactive Forms in Angular

Create Complex Reactive Forms in Angular

Todd Leininger Angular, Development Technologies, JavaScript, Tutorial Leave a Comment

Recently on a client project, I was tasked with creating an Angular application that contained a form that displayed conditional inputs. In this article, I will walk through the strategy I implemented to accomplish this goal.

My hope is that this blog will give you a starting point for creating your own complex Angular Reactive forms. Let’s get started!