502 - 《TNF 开发笔记 11：React Compiler、微前端、国际化、Html》

1、React Compiler。

TNF 一大卖点是性能，所以和性能相关的任务都会提高优先级。React Compiler 虽然还不太成熟，但感觉会是未来的方向，所以也加上了。React Compiler 目前只有 Babel 的版本，Rust 版本应该已经挂了，已经好多个月没有更新过代码了。

TNF 用的是 Mako，所以通过插件的方式支持的 React Compiler。针对 src 下的文件做 Babel 编译，构建性能上会有所下降是必然的，不过如果项目不是非常大，应该还好吧。为了产品性能，还是值得的。

那怎么知道开启后是否快了呢？可以用 React Scan 做下前后对比，看下有哪些不必要的 Re-render 减少了。

2、Qiankun 微前端。

umi 的 qiankun 插件太复杂，感觉没必要，先参考 Qiankun 教程 上了个简单的，现在 tnf 是组装式的，所以支持 Qiankun 很简单，根本不需要插件。不过还留了一些 TODO，像通过 window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ 复用父应用的 publicPath 和支持 basename 的替换等。

后续应该会做进一步的封装，但封装的思路不会再和 umi 一样，提供插件，对用户黑盒。而是提供 @umijs/tnf-qiankun，暴露运行时和编译时的能力，让用户来调用，比如 import { MicroApp } from '@umijs/tnf-qiankun'。

3、组装式。

接上一个 qia