LLMKit 是管理 LLM 厂商、自定义 Agent、聊天室 的核心实现，目前有 js 版本
写这个是为了前几天的话题 越正确的react写法，越背离react ，附带两个实用而且真实的例子
一、多 Agent 聊天
这是一个比较常见的 AI 聊天应用，我写了两版，react 和 vue，它们的代码是这样
// vue
<script setup lang="ts">
import { ChatBoxPayloadType } from "@llmkit/libs/chatbox";
import { AppViewModel } from "@logic/index";
import { useViewModel } from "./hooks";
const [state, $model] = useViewModel(AppViewModel);
</script>
// 省去 template
import { AppViewModel } from "@logic/index";
import { useViewModel } from "./hooks";
export function App() {
const [state, $model] = useViewModel(AppViewModel);
// 省去 jsx
}
代码一行没改，可以到仓库看看
除了 react、vue，像 tauri 这类使用了前端框架的框架，也可以用。
二、笔记本应用
可以调用「润色」agent。
框架升级换代，我代码要重写吗，不需要。写代码需要关心 react、vue 有哪些 新 hook 吗，不需要。
谁能知道一年两年后，react 还是不是主流框架，是不是主流写法。
现在还有谁记得，或者说愿意花时间去研究 react15 的架构吗，没有吧，那现在 react 18 19，两年三年后，是不是也根本没人在意。
前端要学习的，绝对不是框架，而是前端思维，有了前端思维，写任何前端项目都能很快入手，包括 swiftUI、flutter 等。
我之前就花了一周时间，零基础，用 swiftUI 写了一个 AI 聊天应用，也是启发我写 LLMKit 的原因。
思路可以说没有区别，定义 ViewModel，声明好状态和方法，视图内使用状态渲染即可。
所有状态驱动的视图框架，都是这个思路，一通百通。
