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