📒 【第2722期】腾讯医药微信小程序性能优化：从0.9秒到0.5秒
📒 深入理解 Mocha 测试框架：从零实现一个 Mocha
📒 图解 Node.js 的核心 event-loop
我们平时说 Node.js 是单线程仅仅是指 node 执行我们的 JS 代码，更准确地说是 V8 执行 JS code 是发生在单线程里面的。实际上如果你打开 Node 进程，会发现它有不少 worker thread。这是一个典型的单进程多线程模型。这些 worker thread 被放置于线程池里面，而 V8 执行 JS code 的线程被称为主线程。
📒 手把手教你手写 Vite Server（二）—— 插件架构设计
📒 为什么 Vue3 的 VNode 不能单独组成一棵完整的树
📒 浅谈MyBatis批量插入的3种方法，10w条数据使用foreach仅需2秒！！
📒 「Go工具箱」重磅推荐：一个国产的，star高达12k+的操作excel的包：Excelize
📒 AI数字绘画 stable-diffusion 保姆级教程
📒 Announcing Vituum - Template engines and more in Vite
📒 使用 React 18 和 Suspense 改善 INP（Interaction to Next Paint）指标
https://vercel.com/blog/improving-interaction-to-next-paint-with-react-18-and-suspense
📒 7 种创建新 React 应用的最佳方式
Create React App 可能是最有名的，但还有其他一些方法值得考虑，包括更大的框架（如 Next.js）或构建系统（如 NX）。
https://blog.bitsrc.io/6-best-ways-to-create-a-new-react-application-57b17e5d331a?gi=dc52c656ac21
📒 Advanced React component composition
https://frontendmastery.com/posts/advanced-react-component-composition-guide/
📒 Why React Re-Renders
如果你想要使 React 应用获得最好的性能，那么理解和正确处理渲染过程是非常重要的。有很多关于如何使 React 渲染更高效的文章，但这篇文章深入探讨了为什么 React 能够以一种可访问的、容易遵循的方式进行渲染。
why-did-you-render 是一个经典的工具，用于进一步深入这个问题。
📒 React + TypeScript 最小知识集
import React, { HTMLAttributes, PropsWithChildren } from 'react';
interface HelloProps extends HTMLAttributes<HTMLDivElement> {
name: string;
}
const Hello: React.FC<PropsWithChildren<HelloProps>> = ({
name,
children,
...rest
}) => {
return (
<div>
<div {...rest}>{`Hello, ${name}!`}</div>
{children}
</div>
);
};
React.FC表示 Function Component 函数式组件PropsWithChildren让props.children带类型HTMLAttributes<HTMLDivElement>让props可以使用 html 属性比如className
https://ente.io/blog/tech/typescript-for-react/
📒 Tauri vs. Electron
作者分别用 Tauri 和 Electron 实现了 Authme，然后从打包、启动时间、性能、后端、应用渲染、安全、自动更新、开发体验共 8 个维度进行了对比。
1、「打包」Tauri 完胜。1）尺寸上 Tauri 2.5M vs. Electron 85M，2）Tauri 的产物是二进制的，反编译解码逻辑所需成本相比 Electron 会高很多。 2、「启动时间」Tauri 胜。Tauri 2s vs. Electron 4s。 3、「性能」Tauri 完胜。 4、「后端」Electron 胜。因为 Electron 后端基于 Node，而 Tauri 基于 Rust。当然如果你会 Rust 则是另一回事。另外，Tauri 的 Roadmap 里有支持其他后端绑定的计划，比如 Deno，届时就又可以用 JavaScript/TypeScript 写后端了。 5、「应用渲染」Electron 胜。Electron 使用 Chromium，所以你的用户在 Windows、Linux 和 macOS 上看到的东西是一样的。Tauri 使用系统的 WebView，Windows 上使用 Edge Webview2（Chromium），Linux 上使用 WebKitGTK，macOS 上使用 WebKit。这里的问题是 Webkit 的支持总是落后一点，所以你可能会需要额外的补丁。 6、「安全」Tauri 胜。Tauri 内置大量安全功能，可以明确启用或禁用某些 API。Electron 中则可以完全访问 Node 的 API，所以相比来说更容易被黑客利用。 7、「自动更新」Electron 胜。Tauri 和 Electron 都内置了自动更新器，而 Tauri 的相对简单，同时需要维护依赖并手动更新 JSON，而 Electron 可基于 electron-updater 并直接从 Github 发布的二进制文件中提取，要方便很多。 8、「开发体验」Tauri 胜。基于 Tauri CLI 就会包含热重载、为所有平台构建你的应用程序、生成应用程序图标等全部功能，而 Electron 啥都没有提供，只有框架本身。
https://www.levminer.com/blog/tauri-vs-electron
📒 father 4 正式发布
father 4 的具备如下核心特性：
- 双模式构建： 支持 Bundless 及 Bundle 两种构建模式，ESModule 及 CommonJS 产物使用 Bundless 模式，UMD 产物使用 Bundle 模式
- 多构建核心： Bundle 模式使用 Webpack 作为构建核心，Bundless 模式使用 esbuild 及 Babel 两种构建核心，可通过配置自由切换
- 类型生成： 无论是源码构建还是依赖预打包，都支持为 TypeScript 模块生成 .d.ts 类型定义
- 项目体检： 对 NPM 包研发常见误区做检查，让每一次发布都更加稳健
- 微生成器： 为项目追加生成常见的工程化能力，例如使用 jest 编写测试
- 依赖预打包： 开箱即用的依赖预打包能力，帮助 Node.js 框架/库提升稳定性、不受上游依赖更新影响（实验性）