Sobes.tech
Middle

Welke derde aanpak bestaat er naast de declaratieve en imperatieve?

sobes.tech AI

Antwoord van AI

Reactieve aanpak.

Imperatief Declaratief Reactief
Beschrijft de reeks acties om een resultaat te bereiken. Beschrijft de gewenste toestand van het systeem, niet de stappen om deze te bereiken. Gebaseerd op datastromen en het verspreiden van veranderingen. Reageert op gebeurtenissen.

Voorbeelden:

Imperatief:

# Verander de achtergrondkleur
element.style.backgroundColor = 'blue'

Declaratief:

<!-- Stel de achtergrondkleur in met CSS -->
<div style="background-color: blue;"></div>

Reactiviteit (met een framework):

// De achtergrondkleur wordt dynamisch bijgewerkt bij verandering van de variabele
const color = ref('red');

// ...later...
color.value = 'blue'; // De gebruikersinterface wordt automatisch bijgewerkt