What is Functional Reactive Programming?

What is Functional Reactive Programming?

TLDR: Functional Reactive Programming (FRP) is Reactive Programming paradigm powered by Functional Programming.

Reactive Programming

Programming paradigm Subjective Objective
Proactive paradigm proactive passive
Reactive paradigm observable reactive

In (traditional) proactive programming, when a source changes, all its dependence is triggered to apply the changes.

class Proactive {
    constructor(passive){this.passive = passive}

With the new reactive paradigm, the objective has responsibility to watch for changes from the subjective

class Objective{
        this.observable = observable
        //watch for change from observable

From the simple (psuedo-)code above, it can be observed that the reactive paradigm require more boilerplate code. However, it exposes the possibility for the objective to be able to watch for changes actively.

Functional Programming enhancement

With the power of functional programming, the newState in the example in previous part can be filtered, modified, chained, ... flexibly.

The Observable class can add generic function like

observable.map(state => !state) //reverse the new state whennever be notified
observable.filter(state => staate === 'disconnect') //ignore 'disconnect' state