并删除合成事件

Dive into business data optimization and best practices.
Post Reply
rubinaruma
Posts: 201
Joined: Sat Dec 21, 2024 4:52 am

并删除合成事件

Post by rubinaruma »

我选择约定而不是配置,现在让我考虑权衡,create-react-app CLI 足以快速构建应用,但对于在 2G 网络上加载的快速可靠的应用来说,这也是必要的。

为了权衡利弊,我考虑在配置中增加选项来改进 webpack 配置,以获得更好的包大小,但我也考虑过使用React 的全部功能。启动 create-react-app 时,文件大小已经达到 45KB,没有 Redux 或 react-router。

了解到这一点后,我一直在研究使用 Preact 作为较小的替代方案。 什么是 Preact? Preact 是原生 React 的 3KB 替代品。

这主要是为了减轻原始 React API 的负担,、PropType验证和调 沙特阿拉伯电报号码数据库 用React.Children 的能力。如果需要上述任何功能, React 提供了一个名为preact-compat的可选插件。

设置 Preact 设置 Preact 很简单,只需要几个步骤,首先是通过 npm 安装 Preact(当然你也可以使用 yarn)。 npm i preact preact-compat 如果您要将 Preact 添加到现有库中,则需要添加 preact-compat,它包含镜像 ReactDOM 的最低要求。

这会带来一些负担,并将原始 Preact 3KB 包额外增加 2KB(总共 5KB)。 您还需要为 webpack 添加一个 Preact 别名,基本上就是声明您导入 React 的所有地方实际上都是在导入 Preact。

这是一个巧妙的技巧,而且效果很好这是我经常做的事情,这就是为什么拥有它是一件好事。 新的渐进式 Web 应用分类让每个人都对其包大小感兴趣。我一直使用 create-react-app CLI 创建应用,因为我不想在启动新应用时考虑配置和设置。

比较捆绑包大小 使用 create-react-app 启动应用程序时,其大小已达到 45.91KB,而 React 本身的大小为 39KB。
Post Reply