固态起伏

Buoy运行在以Vite所建的Solid 1.9应用中,作为β. 你的应用保持所有固态. Buoy将React用于自己的屏幕并带去. 整个指南是 固态页面。 。 。 .

安装并签名

从您的应用程序文件夹中运行这些 :

npm install --save-dev @buoy-gg/core @buoy-gg/solid @buoy-gg/network
npx --package=@buoy-gg/core buoy login

以同样的方式增加更多的工具. 对所有Buoy包使用相同的版本. buoy login 写入 VITE_BUOY_KEY 到文件 Git 忽略.

设置

添加 Vite 插件 :

// vite.config.ts
import solid from 'vite-plugin-solid';
import { buoy } from '@buoy-gg/core/vite';

export default defineConfig({ plugins: [solid(), buoy()] });

打开 <Buoy /> 在路由器的根, 内部 QueryClientProvider数字 :

import { Buoy } from '@buoy-gg/solid';

function Layout(props) {
  return (
    <>
      {props.children}
      <Buoy />
    </>
  );
}

<Router root={Layout}>...</Router>

就这样. 插件会找到您的工具并添加早期的钩子 . 它让Buoy离开活生生的建筑. <Buoy /> 读出你的钥匙 然后在第一次渲染后开始Buoy. 它连接了固态路由器和固态查询器 当你有它们. 它会阻止Buoy,当它消失, 所以热重载是安全的.

选项

<Buoy /> 使用与 mountBuoy 从 @buoy-gg/core/web,加上这些:

startBuoy(options) 启动 Buoy 无组件. 它不能读固体语境,所以通过 queryClient 你自己来.

固体储存和信号

import { buoySolidSignal, buoySolidStore } from '@buoy-gg/solid/store';

<Buoy zustandStores={{
  todos: buoySolidStore([todos, setTodos]),
  count: buoySolidSignal([count, setCount]),
}} />

它们在Zustand工具中显示. 你可以在那里阅读和编辑它们. 编辑保存您没有更改的字段 .

入境点

每个条目有一个 buoy-disabled 建造它什么也做不了. Vite 插件选中它为 prod 构建 .