Clase 141 — Dos frameworks conviviendo#
⬅️ 140 · 📚 Parte 11 · 🎓 Clases · 142 ➡️ Parte 11 — Legado, migración y decisión · Nivel 🔴 avanzado · Pista
frontend(Interfaz y estado) 🚧 Clase en esqueleto. El contrato y el elenco están fijados; la prosa y las implementaciones se escriben en una pasada posterior. Lo que hay aquí ya es exacto: no se ampliará con relleno.
🎯 Objetivo#
Montar lo nuevo dentro de lo viejo sin reescribir.
🧩 La situación#
Un componente moderno funcionando dentro de una página heredada.
🎬 Elenco#
Los frameworks para los que este problema tiene sentido. Cada uno lo resolverá a su manera, y esa diferencia es el contenido de la clase.
| Framework | Categoría | Ecosistema | Implementación |
|---|---|---|---|
| React | ui-library |
JavaScript/TypeScript | implementaciones/react/ |
| Vue | ui-framework |
JavaScript/TypeScript | implementaciones/vue/ |
| Svelte | ui-framework |
JavaScript/TypeScript | implementaciones/svelte/ |
| Lit | web-components-library |
JavaScript/TypeScript | implementaciones/lit/ |
✅ Verificación#
node scripts/run-class.mjs 141Los casos están en contrato.json. El verificador ejecuta las implementaciones que encuentre y declara las que omitió.
🔗 Enlaces#
- Por qué sí y por qué no — dónde esta solución es natural y dónde es forzada
- Índice de la parte 11