{"id":2981,"date":"2021-11-16T10:30:35","date_gmt":"2021-11-16T05:00:35","guid":{"rendered":"https:\/\/www.cloudnowtech.com\/blog\/?p=2981"},"modified":"2021-11-09T12:40:05","modified_gmt":"2021-11-09T07:10:05","slug":"reactive-frameworks-101-what-they-are-and-how-they-can-help-make-your-application-better","status":"publish","type":"post","link":"https:\/\/www.cloudnowtech.com\/blog\/reactive-frameworks-101-what-they-are-and-how-they-can-help-make-your-application-better\/","title":{"rendered":"Reactive Frameworks 101: What they are and how they can help make your application better"},"content":{"rendered":"

Let\u2019s start with what reactive frameworks are. To understand the term, we first split it into two components \u2013 reactive programming and reactive systems.<\/span><\/p>\n

Reactive programming (Rx) is defined as an asynchronous programming model that deals with data streams, making it possible to easily express static (arrays for instance) or dynamic (e.g. event emitters) data streams through programming languages.<\/span><\/p>\n

A reactive system on the other hand is an architectural style that enables applications made up of microservices to work together to better communicate with each other and their environment. They are event-driven, interactive, flexible, resilient, and responsive as they harness asynchronous message-driven communication. This architecture type is popular with more enterprises turning to the cloud.<\/span><\/p>\n

Together, reactive systems and reactive programming create reactive frameworks.<\/b><\/p>\n

Author of several programming books Bruce Eckel, and CTO of Typesafe Jonas Boner published \u201cThe Reactive Manifesto\u201d, which explains that reactive applications need to be able to react to events (flexible), load (interactive), failure (resilient), and users (responsive).<\/span><\/p>\n

Companies that have been using Rx extensively are Netflix and Google. Take Google Maps for instance. The app places a dot on your location, which moves with you by tracking your device\u2019s position relative to North. It submits these values to the API every few seconds, which displays the response as the moving dot. That\u2019s reactive programming in a nutshell.<\/span><\/p>\n

As for Netflix, the digital streaming service receives hundreds of billions of requests every single day and needs to run all these \u201cevents\u201d alongside each other to produce quick and reliable responses to consumer clicks. All possible because of reactive programming.<\/span><\/p>\n

That brings us to Data Streams. What are they?<\/span><\/h3>\n

In reactive programming, all events are in the form of a data stream where information and data are pushed to the user. Reactive programming uses asynchronous non-blocking data streams. Asynchronous means you don\u2019t have to wait for a task to be completed, you can move on to the next task until the data is available.<\/span><\/p>\n

Every event comes from a data stream. That means any messages, calls, and even failures, are going to be conveyed as a result of the stream. In reactive programming, data streams are created from events that happen as a result of variables and data structures.<\/span><\/p>\n

Data streams are in effect the foundation of your application. With Rx, you \u201cobserve\u201d these data streams and react when it returns a value.<\/span><\/p>\n

Which takes us next to Observables. What are they?<\/span><\/h3>\n

If the data stream is the foundation of reactive programming, observables are the building blocks.<\/span><\/p>\n

An observable is a collection of data that waits to be invoked before it can issue data. There are two types of observables \u2013 those that require a subscription in the form of an action (cold) and those that do not (hot).<\/span><\/p>\n

For instance, if there is a download available and the user clicks on the download button, it becomes a cold observable as nothing happens unless the user interacts with the stream. A new ticker that shows live updates even without any action by the user is a hot observable.<\/span><\/p>\n

In reactive programming, every data stream is observable.<\/span><\/p>\n

Here are some of the key advantages of this approach<\/span><\/h3>\n