{}
Aprende diseño y desarrollo web
Cursos gratuitos interactivos
Glosario

Glosario de React

28 términos encontrados

🔎

Glosarios

Angular

React

Framework de Google para construir aplicaciones web escalables.

💡

Angular usa TypeScript por defecto.

Component

React

Bloque de código reutilizable que define una parte de la interfaz de usuario.

💡

Un botón, una tarjeta o un navbar pueden ser componentes.

Componente

React

Pieza independiente y reutilizable de la interfaz de usuario que encapsula su propia lógica, estructura (JSX) y estilo.

DOM Virtual

React

Representación en memoria del DOM para optimizar actualizaciones de UI.

💡

React compara árboles virtuales antes de tocar el DOM real.

Fragmento (Fragment)

React

Un envoltorio vacío de React (<>...</>) que permite devolver múltiples elementos sin añadir nodos adicionales innecesarios al DOM real.

Hook

React

Función especial que permite "engancharse" a las características de React (como el estado) desde componentes funcionales.

Hooks

React

Funciones que permiten usar características de React como estado y ciclo de vida.

💡

useState y useEffect son hooks commonly used.

Hot Reload

React

Actualización en caliente del código durante desarrollo sin recargar toda la app.

💡

Al cambiar un componente, se refleja al instante.

Hydration

React

Proceso por el que JavaScript activa una interfaz renderizada en HTML.

💡

Tras hidratar, los botones pasan de estáticos a interactivos.

JSX

React

Extensión de sintaxis que permite escribir marcado estructurado dentro de JavaScript, facilitando la creación de elementos de React.

Memoización

React

Técnica para reutilizar resultados y evitar cálculos/re-renders innecesarios.

💡

useMemo cachea un cálculo costoso entre renderizados.

Memory Leak

React

Retención de memoria que ya no se necesita y no se libera.

💡

Listeners no limpiados en un componente pueden provocar leaks.

Prop Drilling

React

Paso de props por varios niveles intermedios sin usarlas directamente.

💡

Un dato viaja de App a un nieto pasando por componentes puente.

Props

React

Argumentos que se pasan a un componente desde su padre; son de solo lectura para el componente que las recibe.

💡

<Button color='blue'> usa la prop color.

Re-render

React

Nuevo render de un componente cuando cambian estado o props.

💡

Actualizar input dispara re-render del componente.

React

React

Biblioteca JavaScript para construir interfaces de usuario.

💡

React usa componentes y estado para crear SPAs.

Reconciliación

React

El proceso mediante el cual React compara el DOM Virtual actual con el nuevo para determinar qué partes de la UI necesitan actualizarse.

Refactor

React

Mejora interna del código sin cambiar comportamiento externo.

💡

Extraer funciones reduce complejidad de un componente.

RSC (React Server Components)

React

Componentes que se renderizan exclusivamente en el servidor, optimizando el rendimiento al no enviar lógica de ejecución al navegador.

SPA

React

Aplicación web que carga una sola página HTML y actualiza dinámicamente el contenido a medida que el usuario interactúa, sin recargar el navegador por completo.

💡

Gmail es un ejemplo de SPA.

State

React

Datos que cambian dentro de un componente y afectan su renderizado.

💡

Cuando haces clic en un botón y cambia el texto, eso es state.

State Management

React

Gestión del estado de la interfaz y su sincronización entre componentes.

💡

Context, Redux o Zustand ayudan a manejar estado global.

Storybook

React

Herramienta para documentar y testear componentes UI de forma aislada.

💡

Un botón se prueba en Storybook con todos sus estados.

Svelte

React

Framework JavaScript que compila a código vanilla.

💡

Svelte no usa virtual DOM, es muy rápido.

useState

React

Hook fundamental que permite declarar variables de estado en componentes funcionales, facilitando la reactividad de la interfaz.

Virtual DOM

React

Representación virtual del DOM que mejora el rendimiento.

💡

React usa Virtual DOM para minimizar actualizaciones reales.

Vite

React

Herramienta de construcción de proyectos moderna que ofrece un servidor de desarrollo extremadamente rápido y una configuración optimizada para React.

💡

Vite usa ES modules nativamente.

Vue

React

Framework JavaScript progresivo para construir interfaces.

💡

Vue es conocido por su curva de aprendizaje suave.
Página 1 de 1
28 términos

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .