Conceptos de React: declarativo

¿Qué significa cuando lees que React es declarativo?

Encontrará artículos que describen a React como un enfoque declarativo para crear interfaces de usuario .

React hizo que su “enfoque declarativo” fuera bastante popular y directo, por lo que se expandió al mundo frontend junto con React.

En realidad no es un concepto nuevo, pero React llevó la creación de interfaces de usuario de forma mucho más declarativa que con plantillas HTML:

• Puedes crear interfaces web sin siquiera tocar el DOM directamente
• Puedes tener un sistema de eventos sin tener que interactuar con los eventos DOM reales.

El opuesto de declarativo es imperativo . Un ejemplo común de un enfoque imperativo es buscar elementos en el DOM usando jQuery o eventos DOM. Le dices al navegador exactamente qué hacer, en lugar de decirle lo que necesitas.

El enfoque declarativo de React nos permite abstraer eso. Simplemente le decimos a React que queremos que un componente se represente de una manera específica y nunca tenemos que interactuar con el DOM para hacer referencia a él más adelante.

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase