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.

Jamstack: Azure Serverless Functions App With React

Jamstack: Azure Serverless Function App With React

Matt McCandless Architecture, Azure, Development Technologies, Node.js, React Leave a Comment

A new trend of creating applications is emerging called Jamstack. No, this isn’t slapping together your favorite flavor of jelly (grape is the best) with peanut butter and two pieces of bread. The intent is an architecture that is faster, more secure, and easier to scale. It focuses on pre-rending and decoupling. This way, the solutions created are more reliable and resilient than before.

Pre-rendering comes by the way of using a static website via a CDN for high availability and security. No more serving your React app via web server like we’ve become accustomed to. It reduces cost and complexity by eliminating the regular maintenance and configuration of traditional servers.

Also, the idea of APIs and the ability to move them to things like Serverless functions creates more cost savings, elimination of traditional servers, and use of features only when they are requested. For more information, check out the Serverless website.

Cancel a React Modal with Escape Key or External Click

Lou Mauget Development Technologies, React, Tutorial Leave a Comment

Web application users are accustomed to canceling a popup (aka dialog or modal) by pressing the escape key, and many modals can even cancel if the user clicks outside it. How does a React developer code that without a plumbing mess between the modal and every visible component beneath it? How do you cancel a React modal with an escape key or external click?

I’m glad you asked because I have an answer. In this blog, I’ll show a pair of easy-to-use custom React hooks that simplify the task.