React

flushSync 今天在官网看到这样一个 API 简单介绍下 flushSync ，它是强制 react 再提供的回调函数内同步刷新任何更新，这将确保 DOM 立即更新

我们要了解两个钩子的触发时机，useLayoutEffect 会在 useEffect 之前执行，那为什么 useLayoutEffect 能够获取到最新 dom 元素而 useEffect 却不能呢

react 更新函数之把一系列 state 更新加入队列，在 react 时间处理函数执行完成之后，react 将触发重新渲染。在重新渲染期间，react 将处理队列

状态管理 是 解决React 中组件层级较深而数据是自上而下流动，而造成的数据传递较为复杂，而且组件必须要一级一级传递，导致组件之间的耦合比较严重，有悖于 组件设计的原则。从而需要使用状态管理

执行命令 yarn create vite 进行项目创建，然后按照一步一步进行选择需要的版本和库就行了，我这里使用的是 React 库，这里也可以选择 Vue 框架，看你需要什么技术的项目

1. 创建 react 项目 1.1 创建新项目 1.2 暴露配置项 ----------------------------------

这几天在使用 Electron + React 做一个新的项目，桌面应用，在搭建框架的时候，发现数据仓库有了更好的插件，redux 的升级款 redux toolkit，在此记录下在项目中使用过程