Estructura es un framework de JavaScript ligero y sin dependencias que te permite asignar funciones que se vincularán automáticamente a tipos de datos personalizados o extendidos, basándose en uno o múltiples argumentos.

Diseñado para ofrecer una base sólida al programar en JavaScript, superando sus conocidas peculiaridades nativas en el manejo de tipos («type quirks»).

Leer más

Es una solución de tiempo de ejecución («runtime») ligera, sin dependencias, sin TypeScript, sin verbosidad ni las limitaciones de la verificación de tipos en tiempo de compilación («compile-time»). Proporciona la capacidad de identificar claramente cualquier tipo de dato, crear cualquier tipo de dato personalizado, organizarlos y utilizarlos con la garantía de que el despachador («dispatcher») siempre vinculará las funciones especificadas a sus tipos correspondientes o predefinidos. Fue construido con una optimización máxima, ofrece flexibilidad, y fue diseñado teniendo en cuenta una compatibilidad casi universal (ES3+ [1999]).

Importación:

• — UMD
  

  <!-- UMD / CDN: Unpkg -->
  <script src="https://unpkg.com/estructura-js"></script>Copiar

• + ESM
  

  <!-- ESM / CDN: Unpkg -->
  <script type="module">
      import _e from 'https://unpkg.com/estructura-js';
  </script>Copiar

Ejemplos:

• Código: Guía de inicio rápido — (Estructura)
• Código: Registrar asignaciones de funciones/métodos para tipos o subtipos — (Estructura)
• Código: Registrar definiciones de tipos nuevos/personalizados — (Estructura)
• Implementación: Interfaz de autenticación para aplicación multiusuario — (Estructura, extensiones: Handlers [Events], DOM, HTTP, Routing)
• Implementación: Interfaz de punto de venta de servicios y productos — (Estructura, extensiones: Handlers [Events], DOM, HTTP, Routing)

• Versión: 1.20.0
• Licencia: MIT
• NPM: https://npmjs.com/estructura-js
• GITHUB: https://github.com/okzgn/estructura
• Justificación: Why not build frontend frameworks on raw HTML, CSS or JS? (artículo analítico y propuesta del ecosistema).
• Prototipos originales: Emerald (JS Library, 2016-2024, website), Componentes (JS Frontend Framework, 2025).
• Extensiones: Las documentaciones de las extensiones se encuentran en los siguientes enlaces (actualmente sin repositorios públicos [Github]).

Las extensiones son un ecosistema enterprise-grade modular que fundamenta todo el desarrollo del frontend/cliente.

Leer más

Incluye fundamentos como: cliente HTTP, enrutamiento SPA, reactividad, control del DOM, eventos, orquestación de lógica y componentes declarativos o asíncronos. Unificadas sobre el núcleo de despacho múltiple, ofrecen un stack completo, ligero y sin dependencias para construir aplicaciones complejas de extremo a extremo, desde prototipos pequeños hasta sistemas de mayor escala.

Para usar las extensiones, importar primero Estructura (framework principal):

• — CDN: Unpkg
  

  <!-- CDN: Unpkg -->
  <script src="https://unpkg.com/estructura-js"></script>Copiar

• + CDN: JSDelivr
  

  <!-- CDN: JSDelivr -->
  <script src="https://cdn.jsdelivr.net/npm/estructura-js"></script>Copiar

• + CDN: Estructura
  

  <!-- CDN: Estructura -->
  <script src="https://estructura.okzgn.com/estructura.umd.js"></script>Copiar

Extensiones/librerías y documentaciones disponibles:

• + HTTP — Documentación — (RC1, ES3/ES5+, AGPL v3, UMD)

  <!-- CDN: Estructura / HTTP -->
  <script src="https://estructura.okzgn.com/extensions/http/estructura.http.js"></script>Copiar

• + DOM — Documentación — (RC1, ES5+, AGPL v3, UMD)

  <!-- CDN: Estructura / DOM -->
  <script src="https://estructura.okzgn.com/extensions/dom/estructura.dom.js"></script>Copiar

• + Events — Documentación — (RC1, ES5/ES6+, AGPL v3, UMD)

  <!-- CDN: Estructura / Events -->
  <script src="https://estructura.okzgn.com/extensions/events/estructura.events.js"></script>Copiar

• + Components — Documentación — (RC2, ES5/ES6+, AGPL v3, UMD, Dep.: HTTP)

  <!-- CDN: Estructura / Components -->
  
  <!-- DEPENDENCY: Estructura / HTTP -->
  <script src="https://estructura.okzgn.com/extensions/http/estructura.http.js"></script>
  
  <!-- EXTENSION: Estructura / Components -->
  <script src="https://estructura.okzgn.com/extensions/components/estructura.components.js"></script>Copiar

• + Handlers — Documentación — (RC2, ES5/ES6+, AGPL v3, UMD, Dep.: Events)

  <!-- CDN: Estructura / Handlers -->
  
  <!-- DEPENDENCIA: Estructura / Events -->
  <script src="https://estructura.okzgn.com/extensions/events/estructura.events.js"></script>
  
  <!-- EXTENSION: Estructura / Handlers -->
  <script src="https://estructura.okzgn.com/extensions/handlers/estructura.handlers.js"></script>Copiar

• + Reactive — Documentación — (RC1, ES6+, AGPL v3, UMD)

  <!-- CDN: Estructura / Reactive -->
  <script src="https://estructura.okzgn.com/extensions/reactive/estructura.reactive.js"></script>Copiar

• + Routing — Documentación — (RC1, ES6+, AGPL v3, UMD)

  <!-- CDN: Estructura / Routing -->
  <script src="https://estructura.okzgn.com/extensions/routing/estructura.routing.js"></script>Copiar

• + SQLite Frontend — Documentación — (RC1, ES6+ / WebAssembly / Web Workers / OPFS, AGPL v3, UMD)

  <!-- CDN: Estructura / SQLite Frontend -->
  <script src="https://estructura.okzgn.com/extensions/sqlite.frontend/estructura.sqlite.frontend.js"></script>Copiar