@cut-workbench/react

Cut Workbench 的 React 绑定层：CutEditorProvider 与细粒度 hooks。不含 UI， 需要现成界面请用 @cut-workbench/workbench。

安装

npm i @cut-workbench/react @cut-workbench/core react react-dom

react / react-dom / zustand 是 peer 依赖，由宿主提供，避免双份实例。

要现成界面，装 @cut-workbench/workbench 即可 —— 它会带上 core、react 与 WebAV 引擎。

用法

import { createEditor } from '@cut-workbench/core/engine'
import { CutEditorProvider, useCutEditor } from '@cut-workbench/react'

const editor = createEditor()

function Toolbar() {
  const { state } = useCutEditor()
  return <span>{state.project.clips.length} clips</span>
}

createRoot(el).render(
  <CutEditorProvider editor={editor}>
    <Toolbar />
  </CutEditorProvider>,
)

hooks 都是细粒度订阅，改哪个字段就只重渲染哪些组件。

License

MIT