omi

Omi是腾讯开发的Web Components框架，注重小体积和高性能，同时提供全面的功能，用于构建现代Web应用和可复用组件。 主要特性包括： - **Signal驱动的响应式编程**，通过`reactive-signal`包实现细粒度响应和自动UI更新。 - **JSX支持**，语法熟悉，通过Vite配置自动注入`h`导入。 - **符合Web Components标准**，组件可轻松用于不同框架（如Vue、React）。 - **Router、Suspense和Directives**，用于构建SPA和处理异步依赖。 - **Constructable Stylesheets**，高效管理样式并支持共享。 - **Tailwindcss集成**，以及一系列入门套件和UI组件。 仓库包含多个包： - 核心：`omi`、`omi-form`、`lucide-omi`、`omiu`、`omi-router`、`omi-cli`。 - 入门套件：`omi-elements`、`omi-starter-spa`、`omi-starter-ts`、`omi-starter-tailwind`、`omi-starter-js`、`omi-vue`。 - 组件：`omi-weui`、`omi-auto-animate`、`omi-suspense`。 - 指令：`omi-transition`、`omi-ripple`。 - 示例：`snake-game-2tier`、`snake-game-3tier`、`omi-tutorial`。 使用示例展示了面向对象（OOP）和数据导向（DOP）两种编程风格，TodoApp示例使用信号和计算值。跨框架使用通过Vue和React示例说明，展示Omi组件如何集成并通过自定义事件通信。 项目在MIT许可下开源，鼓励社区贡献和分享。