Mis on kolmas lähenemisviis deklaratiivse ja imperatiivse kõrval?

Reaktiivne lähenemine.

Käskiv	Deklaratiivne	Reaktiivne
Kirjeldab tegevuste järjestust tulemuse saavutamiseks.	Kirjeldab süsteemi soovitud olekut, mitte samme selle saavutamiseks.	Põhineb andmevoogudel ja muutuste levitamisel. Reageerib sündmustele.

Näited:

Käskiv:

# Taustavärvi muutmine
element.style.backgroundColor = 'blue'

Deklaratiivne:

<!-- Taustavärvi määramine CSS-i abil -->
<div style="background-color: blue;"></div>

Reaktiivne (raamistiku kasutamine):

// Taustavärv uuendatakse dünaamiliselt muutujat muutes
const color = ref('red');

// ...hiljem...
color.value = 'blue'; // Kasutajaliides uuendatakse automaatselt