Middle
Care este cea de-a treia abordare în afară de cea declarativă și imperativă?
sobes.tech AI
Răspuns de la AI
Abordare reactivă.
| Imperativ | Declarativ | Reactiv |
|---|---|---|
| Descrie secvența de acțiuni pentru a atinge un rezultat. | Descrie starea dorită a sistemului, nu pașii pentru a o atinge. | Bazat pe fluxuri de date și propagarea schimbărilor. Răspunde la evenimente. |
Exemple:
Imperativ:
# Schimbă culoarea de fundal
element.style.backgroundColor = 'blue'
Declarativ:
<!-- Setează culoarea de fundal folosind CSS -->
<div style="background-color: blue;"></div>
Reactiv (folosind un framework):
// Culoarea de fundal se actualizează dinamic la schimbarea variabilei
const color = ref('red');
// ...mai târziu...
color.value = 'blue'; // Interfața utilizatorului se va actualiza automat