React
Biblioteca de JavaScript para construir interfaces de usuario mediante componentes declarativos y reutilizables, con un ecosistema que abarca desde SPAs hasta aplicaciones full-stack con Server Components.
seed#react#javascript#ui#components#frontend#jsx
¿Qué es?
React es una biblioteca de JavaScript para construir interfaces de usuario. Su modelo mental: la UI es una función del estado. Cuando el estado cambia, React actualiza eficientemente solo las partes del DOM que necesitan cambiar.
Conceptos clave
| Concepto | Función |
|---|---|
| Components | Bloques reutilizables de UI |
| JSX | Sintaxis que combina JavaScript y HTML |
| Props | Datos que fluyen de padre a hijo |
| State | Datos internos que cambian con el tiempo |
| Hooks | Funciones para usar estado y efectos en componentes funcionales |
| Virtual DOM | Representación en memoria para diffing eficiente |
Evolución
| Era | Modelo |
|---|---|
| 2013-2018 | Class components, lifecycle methods |
| 2019-2023 | Hooks, functional components |
| 2023+ | Server Components, streaming SSR |
Ecosistema
- Next.js: framework full-stack
- Tailwind CSS: utility-first CSS
- React Router / TanStack Router: routing
- Zustand / Jotai: state management
¿Por qué importa?
React definió el paradigma de UI basada en componentes que domina el desarrollo web moderno. Su ecosistema — Next.js, React Native, Server Components — lo hace relevante tanto para web como para móvil. Entender su modelo mental de renderizado es fundamental para cualquier desarrollador frontend.
Referencias
- React Documentation — Documentación oficial.
- React Learn — React, 2024. Tutorial oficial interactivo.
- React Blog — React, 2024. Anuncios y novedades del equipo de React.