GitHub 热门项目：波纹

GitHub项目：波纹 仓库地址：https://github.com/Ripple-TS/ripple 星级：7351 | 作者：瑞波-TS 项目描述：优雅的TypeScript UI框架 =================================================== 自述文件内容： <图片> [](https://github.com/Ripple-TS/ripple/actions/workflows/ci.yml) [](https://discord.gg/JBF2ySrh2W) [](https://stackblitz.com/github/Ripple-TS/ripple/tree/main/templates/basic) # 纹波 TS Ripple 是一个 TypeScript UI 框架，结合了 React、Solid、 和苗条。由 [@trueadm](https://github.com/trueadm) 创建，他做出了贡献 到 [Inferno](https://github.com/infernojs/inferno), [反应](https://github.com/facebook/react), [词汇](https://github.com/facebook/lexical)，以及 [Svelte 5](https://github.com/sveltejs/svelte)。 **关键理念：** Ripple 是 TS 优先，以 `.tsrx` 作为其默认组件文件 扩展。这允许无缝的 TypeScript 集成和独特的语法 增强人类和 LLM 开发人员的体验。 > **`.tsrx` 也是一种独立语言：** 相同的源现在可以编译为 > 通过 [TSRX](https://tsrx.dev) 进行 React、Solid 或 Ripple — TypeScript 语言 > 将 Ripple 视为多个目标运行时之一的扩展。如果你想要 > 在不依赖 Ripple 运行时的情况下创作人体工程学，从这里开始。 ? **[Ripple 文档](https://www.ripple-ts.com/docs)** | ? **[瑞波游乐场](https://www.ripple-ts.com/playground)** | ? **[TSRX 网站](https://tsrx.dev)** ## 特点 - ⚡ **细粒度反应性**：具有惰性解构的“track”，以获得独特的效果 反应系统 - ? **性能**：行业领先的渲染速度、包大小和内存 用途 - ? **反应式集合**：`RippleArray`、`RippleObject`、`RippleMap`、 从“ripple”导入的“RippleSet”具有完全反应性 - ? **TypeScript First**：使用默认的 `.tsrx` 组件实现完整的类型安全 延伸 - ?️ **开发者工具**：VSCode 扩展、Prettier 和 ESLint 支持 - ? **作用域样式**：具有自动作用域的组件级 CSS ## ? 快速入门 ### 使用 CLI（推荐） ````bash npx 创建波纹 cd 我的应用程序 npm install && npm run dev ```` ### 使用模板 ````bash npx degit Ripple-TS/ripple/templates/basic my-app cd 我的应用程序 npm install && npm run dev ```` ### 添加到现有项目 ````bash npm 安装ripple @ripple-ts/vite-plugin ```` > **注意：** 您可以使用 `npm`、`pnpm`、`yarn` 或 `bun` 包管理器。 **[→ 完整安装指南](https://www.ripple-ts.com/docs/quick-start)** ### 安装您的应用程序 ````ts // 索引.ts 从“波纹”导入{安装}； 从'./App.tsrx'导入{App}； 安装（应用程序，{ props: { title: '你好世界！' }, 目标：document.getElementById('root'), }); ```` ## ? VSCode 扩展