omi

Omi es un framework de Web Components desarrollado por Tencent. Enfatiza un tamaño de paquete pequeño y alto rendimiento, mientras proporciona un conjunto completo de funciones para construir aplicaciones web modernas y componentes reutilizables. Las características clave incluyen: - **Programación reactiva basada en señales** mediante el paquete `reactive-signal`, permitiendo reactividad de grano fino y actualizaciones automáticas de la interfaz. - **Soporte JSX** con una sintaxis familiar, incluyendo la inyección automática de la importación `h` mediante la configuración de Vite. - **Cumplimiento del estándar Web Components**, permitiendo que los componentes se usen en diferentes frameworks (por ejemplo, Vue, React) con un esfuerzo mínimo. - **Router, Suspense y Directivas** para construir SPAs y manejar dependencias asíncronas. - **Hojas de estilo constructables** para una gestión y compartición eficiente de estilos. - **Integración con Tailwindcss** y una colección de kits de inicio y componentes de interfaz. El repositorio incluye múltiples paquetes: - Núcleo: `omi`, `omi-form`, `lucide-omi`, `omiu`, `omi-router`, `omi-cli`. - Kits de inicio: `omi-elements`, `omi-starter-spa`, `omi-starter-ts`, `omi-starter-tailwind`, `omi-starter-js`, `omi-vue`. - Componentes: `omi-weui`, `omi-auto-animate`, `omi-suspense`. - Directivas: `omi-transition`, `omi-ripple`. - Ejemplos: `snake-game-2tier`, `snake-game-3tier`, `omi-tutorial`. Los ejemplos de uso demuestran tanto estilos de programación orientada a objetos (OOP) como orientada a datos (DOP), con un ejemplo de TodoApp que usa señales y valores computados. El uso entre frameworks se ilustra con ejemplos de Vue y React, mostrando cómo los componentes de Omi pueden integrarse y comunicarse mediante eventos personalizados. El proyecto es de código abierto bajo la licencia MIT y fomenta contribuciones y compartición de la comunidad.