When you submit data to the server within a Single-Page Application (SPA), you are not performing the usual form post of data that would generate a new page load. Rather, you send the data using AJAX and are able to parse the response returned by the API using JavaScript and can act accordingly. In the past, this would most likely come in the form of an alert or populating a div with the appropriate message. This approach did what I needed it to do, essentially notifying the user of success or failure and allowing them to move on with their work.

Enter Toastr. Now I can have a non-blocking, consistent way in which to display these messages to the user, that are styled respective to the type of message it is. This is where the story gets interesting. So with this easy to use, non-blocking, consistent way of displaying messages, you can pair it up with SignalR and provide that same messaging from the server-side.

In this blog, we will demonstrate the use of the Toastr messaging library and how, when you couple it with SignalR, it can provide you with an easy-to-use, consistent messaging alternative.