Introducción a React
Qué es React, JSX e instalación con Vite.
1 ¿Qué es React?
Virtual DOM — React mantiene una copia virtual del DOM y solo actualiza los elementos que cambiaron, haciendo la app más rápida.
React no es un framework completo: solo maneja la capa de vista (UI). Para funcionalidades adicionales como rutas, estado global o peticiones HTTP, se usan librerías complementarias como React Router, Zustand/Redux y Axios.
Componentes — La UI se divide en piezas pequeñas e independientes que se pueden reutilizar.
React es una biblioteca de JavaScript desarrollada por Meta (Facebook) en 2013 para construir interfaces de usuario. Su característica principal es el uso de componentes reutilizables y el Virtual DOM, que optimiza las actualizaciones del DOM real para lograr alto rendimiento.
Flujo de datos unidireccional — Los datos fluyen de componentes padres a hijos mediante props.
2 Instalación con Vite
# Crear proyecto React con Vite
npm create vite@latest mi-app -- --template react
cd mi-app
npm install
npm run dev3 JSX
// JSX: JavaScript + HTML mezclados
function App() {
const nombre = "DevLearn";
const lista = ["React", "Angular", "Vue"];
return (
<div>
<h1>Bienvenido a {nombre}</h1>
<p>Año: {new Date().getFullYear()}</p>
<ul>
{lista.map((item, i) => (
<li key={i}>{item}</li>
))}
</ul>
</div>
);
}Comentarios
Sé el primero en comentar.