weixin_64684095的博客

nprogress`是一个进度条库。

jsencrypt`是一个 RSA（非对称加密算法）加密和解密的库。

file-saver` 是用于保存文件的库。

fast-glob`是一个用于文件路径匹配的库。

效果图。

按下`Win + R`键，在对话框中输入“cleanmgr”，启动磁盘清理工具。

安装 @fastify/mysql。

对于开发者来说，`useStoreApi`是实现自定义行为和扩展功能的重要途径。利用它提供的接口，开发者可以在 ReactFlow 的基础上构建自己的功能。

除了获取状态，`useReactFlow`还提供了操作 ReactFlow 实例方法的途径。`useReactFlow`在跨组件协调和数据共享方面也发挥着关键作用。在一个包含多个子组件的复杂流程图应用中，不同组件可能需要共享关于流程图的某些信息。它允许组件访问 ReactFlow 的核心实例及其相关状态。这意味着组件可以获取到有关整个流程图的关键信息，例如当前的缩放级别、视口的位置和大小等。通过`useReactFlow`，组件能够更好地融入到整个 ReactFlow 应用的生态系统中。

当视口发生变化时，`useOnViewportChange`可以用于执行各种自定义操作。这些操作可以是与用户体验相关的，也可以是与数据处理相关的。

useNodesState`是一个关键的钩子函数，用于专门管理节点（Nodes）的状态。节点是流程图的核心元素，它们可以代表各种实体，如流程中的任务、系统中的组件或者数据结构中的元素。`useNodesState`提供了一种集中式的方式来跟踪和更新节点的状态。这些状态包括节点的位置（在流程图中的坐标）、大小、样式（如颜色、边框等）、数据（与节点关联的自定义数据）等诸多方面。

useEdgesState`是一个自定义钩子（Hook），主要用于管理边（Edges）的状态。包括位置、方向、样式等诸多因素。

除了`single`和`multiple`这两种基本模式外，开发者还可以根据具体需求实现更复杂的选择模式。

它主要用于提供全局的状态管理。它包裹整个 React Flow 应用或者相关的组件树，使得在这个范围内的所有子组件都能够访问和共享与 React Flow 相关的状态。例如：在一个复杂的流程图绘制应用中，可能有多个组件需要知道当前流程图的节点信息、连线信息、缩放级别等状态。`ReactFlowProvider`可以把这些状态存储在一个统一的地方，方便各个组件获取和更新。

例如：对于一个嵌套较深的对象或数组，创建一个新的副本并更新其中的某个属性可能需要编写大量的代码来确保正确地复制和更新每个层级。

useState`是最基本的状态管理钩子。`useReducer`提供了一种更可预测的状态管理方式。

是一个非常实用的钩子函数。

是一个用于优化性能的重要钩子函数。

useEffect`是一个用于处理副作用（Side Effects）的 Hook。

在 React 函数组件中，每次组件重新渲染时，内部的函数都会被重新创建。