Sobes.tech
Middle

Qual é a terceira abordagem além da declarativa e imperativa?

sobes.tech IA

Resposta da IA

Abordagem reativa.

Imperativo Declarativo Reativo
Descreve a sequência de ações para alcançar um resultado. Descreve o estado desejado do sistema, não os passos para alcançá-lo. Baseado em fluxos de dados e propagação de mudanças. Responde a eventos.

Exemplos:

Imperativo:

# Alterar a cor de fundo
element.style.backgroundColor = 'blue'

Declarativo:

<!-- Definir a cor de fundo usando CSS -->
<div style="background-color: blue;"></div>

Reativo (usando um framework):

// A cor de fundo é atualizada dinamicamente ao alterar a variável
const color = ref('red');

// ...mais tarde...
color.value = 'blue'; // A interface do usuário será atualizada automaticamente