From 7e203c7065ac21fc4ac6ad749fe14f1d3f3e4115 Mon Sep 17 00:00:00 2001
From: Angela Lopez Z <74939915+glopzel@users.noreply.github.com>
Date: Mon, 29 Aug 2022 10:44:16 -0400
Subject: [PATCH] astro-components update

added note on dynamic vs reactive values
---
 src/pages/es/core-concepts/astro-components.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/pages/es/core-concepts/astro-components.md b/src/pages/es/core-concepts/astro-components.md
index fa7ca150f4ac9..7cfc7a4467769 100644
--- a/src/pages/es/core-concepts/astro-components.md
+++ b/src/pages/es/core-concepts/astro-components.md
@@ -111,6 +111,12 @@ const misPokemonesFavoritos = [/* ... */];
 
 Puedes definir variables locales de JavaScript dentro del script del componente de Astro. ¡Luego puedes inyectar estas variables en el maquetado del componente usando expresiones similares a JSX!
 
+:::note[dinámico vs reactivo]
+Usando este enfoque, puedes incluir valores ***dinámicos*** que son calculados en el *frontmatter*. Sin embargo, una vez incluidos, estos valores no son ***reactivos*** por lo que nunca cambiarán. Los componentes Astro son maquetados que solo son ejecutados una vez, en la construcción de la página.
+
+Lee abajo para más ejemplos sobre las [diferencias entre Astro y JSX](/es/comparing-astro-vs-other-tools/#astro-vs-jsx)
+:::
+
 ### Variables
 
 Las variables locales pueden ser agregadas al maquetado usando la sintaxis de llaves: