omi

Omi est un framework Web Components développé par Tencent. Il met l'accent sur une taille de bundle réduite et des performances élevées tout en offrant un ensemble complet de fonctionnalités pour créer des applications web modernes et des composants réutilisables. Les fonctionnalités clés incluent : - **Programmation réactive pilotée par Signal** via le paquet `reactive-signal`, permettant une réactivité fine et des mises à jour automatiques de l'interface. - **Prise en charge de JSX** avec une syntaxe familière, y compris l'injection automatique de l'import `h` via la configuration Vite. - **Conformité au standard Web Components**, permettant aux composants d'être utilisés dans différents frameworks (par exemple Vue, React) avec un effort minimal. - **Router, Suspense et Directives** pour créer des SPA et gérer les dépendances asynchrones. - **Constructable Stylesheets** pour une gestion et un partage efficaces des styles. - **Intégration de Tailwindcss** et une collection de kits de démarrage et de composants d'interface. Le dépôt comprend plusieurs paquets : - Core : `omi`, `omi-form`, `lucide-omi`, `omiu`, `omi-router`, `omi-cli`. - Kits de démarrage : `omi-elements`, `omi-starter-spa`, `omi-starter-ts`, `omi-starter-tailwind`, `omi-starter-js`, `omi-vue`. - Composants : `omi-weui`, `omi-auto-animate`, `omi-suspense`. - Directives : `omi-transition`, `omi-ripple`. - Exemples : `snake-game-2tier`, `snake-game-3tier`, `omi-tutorial`. Les exemples d'utilisation illustrent à la fois les styles de programmation orientée objet (OOP) et orientée données (DOP), avec un exemple TodoApp utilisant des signals et des valeurs calculées. L'utilisation multi-frameworks est illustrée par des exemples Vue et React, montrant comment les composants Omi peuvent être intégrés et communiquer via des événements personnalisés. Le projet est open-source sous licence MIT et encourage les contributions et le partage de la communauté.