| Frontend Core |
React |
Librería (UI) |
Componentes funcionales y Hooks. Usa Virtual DOM. |
✅ Dominante |
| Frontend Core |
Angular |
Framework |
Inyección de dependencias, Signals y TypeScript nativo. |
✅ Estándar Corporativo |
| Frontend Core |
Vue.js |
Framework |
Composition API; el equilibrio entre potencia y sencillez. |
✅ Muy popular |
| Frontend Core |
Svelte |
Framework |
Sin Virtual DOM; compila a JS puro en tiempo de build. |
🚀 Alta Performance |
| Meta-Framework |
Next.js |
Framework |
El estándar para React con SSR, SSG y Server Components. |
✅ Líder Fullstack |
| Meta-Framework |
Nuxt / SvelteKit |
Framework |
Homólogos de Next para Vue y Svelte respectivamente. |
✅ Crecimiento alto |
| Runtime (Server) |
Node.js |
Entorno |
El ecosistema más grande; motor V8 de Google. |
✅ Fundamental |
| Runtime (Server) |
Bun / Deno |
Entorno |
Alternativas ultra rápidas con soporte nativo a TS y APIs Web. |
🚀 Tendencia (Bun) |
| Build Tool |
Vite |
Bundler |
Reemplazo moderno de Webpack; desarrollo instantáneo. |
✅ Estándar actual |
| Build Tool |
Turbopack / Rspack |
Bundler |
Herramientas de nueva generación escritas en Rust. |
🚀 Velocidad extrema |
| State Management |
Redux Toolkit |
Librería |
Gestión de estado global compleja y predecible. |
✅ Proyectos Grandes |
| State Management |
Zustand / Pinia |
Librería |
Alternativas ligeras y modernas (Zustand-React / Pinia-Vue). |
🚀 Muy preferidas |
| Backend Framework |
Express.js |
Framework |
Minimalista y flexible; la base de casi todo en Node. |
✅ Estándar de facto |
| Backend Framework |
NestJS |
Framework |
Inspirado en Angular; arquitectura modular y escalable. |
✅ Preferido en Backend |
| Backend Framework |
Fastify |
Framework |
Centrado en el máximo rendimiento y bajo overhead. |
✅ Alta eficiencia |
| API / Query |
TanStack Query |
Librería |
Gestión de peticiones, caché y estado del servidor. |
✅ Imprescindible |
| API / Query |
GraphQL (Apollo) |
Protocolo |
Consultas precisas; evita el over-fetching de datos. |
✅ Uso empresarial |
| Persistencia |
Prisma |
ORM |
Type-safe ORM para SQL (Postgres, MySQL, SQLite). |
✅ Estándar Moderno |
| Persistencia |
Mongoose |
ODM |
Modelado de datos elegante para MongoDB. |
✅ Estándar NoSQL |
| CSS Engine |
Tailwind CSS |
Utility-first |
Diseño "en línea" con clases predefinidas. |
✅ Estándar Moderno |
| CSS Engine |
Sass (SCSS) |
Preprocesador |
Variables y nesting; muy usado en arquitecturas clásicas. |
✅ Estable |
| CSS Engine |
Styled Components |
CSS-in-JS |
Estilos encapsulados dentro de los componentes React. |
⚠️ En meseta |
| Desktop / Mobile |
Electron |
Framework |
Apps de escritorio usando JS/HTML/CSS (VS Code, Discord). |
✅ Estándar Desktop |
| Desktop / Mobile |
React Native |
Framework |
Apps móviles nativas usando React. |
✅ Líder Móvil |
| Legacy |
jQuery |
Librería |
Manipulación directa del DOM (proyectos heredados). |
⚠️ Mantenimiento |