拂袖

最近工作需要写了个插件项目，完成后简单记录了一下探索入门的过程。简单了解插件React Developer Tools, 再用vite+react构建插件项目

纯前端处理，想用ffmpeg在浏览器上实现处理视频。要用到wasm提高操作性能。就是ffmpeg.wasm做的事情。

在尝试浏览器快照，heapdump快照，都没有办法定位泄漏点后，然后尝试使用alinode找到了泄漏位置。

多个页面都要使用的数据， 实时按需加载数据，并只发起一次http请求获取。自定义hook实现复用state, 当数据刷新时，各页面对应组件实时刷新。

hook作为react的新特性，解决了在组件之间复用状态逻辑很难的问题。此处通过自定义hook,复用state,实现多层抽屉效果。

使用canvas绘图功能，实现将文字转化成图片保存。或实现将超过文件size的图片，进行压缩后上传保存

不管是以前的class组件，还是现在用hook的函数组件，本质上都是js函数，接受数据props入参，返回描述页面的元素或处理side effect

jsx是js的语法扩展。React.createElement函数的语法糖。 因为浏览器没办法直接识别jsx语法的，就有一个转化渲染的过程。从jsx 语法到渲染页面的大致三个过程。