用Taro 3.4 Beta 的 Preact 特性：使你的应用更轻更快

Taro 3.4 Beta 的 Preact 特性

Taro 3.4 Beta 的主要特性之一是支持 Preact。Preact 是一个专注于构建快速、轻量级 Web 应用程序的 React 替代品。与 React 相比，Preact 的体积更小，运行速度更快，更适合在小程序和 H5 应用中使用。

Taro v3.4 beta 支持 Preact 的好处

• 更小的体积：Taro 3.4 beta 支持 Preact 后，应用的体积可以进一步减小。开发者可以使用 Taro React 进行开发，同时也可以使用 Preact 构建特定组件。这样可以有效地减小应用的体积，提高加载速度。

• 更快的速度：Preact 的运行速度更快，这意味着使用 Preact 开发的应用能够提供更好的性能。

• 更流畅的用户体验：Preact 的高性能可以带来更流畅的用户体验。特别是对于移动应用，流畅的用户体验至关重要。

• 更低的成本：Preact 的体积更小，运行速度更快，这意味着开发者可以节省更多的时间和金钱。

如何使用 Preact 构建 Taro 应用

在 Taro 3.4 Beta 中，开发者可以使用两种方式使用 Preact 构建 Taro 应用：

• 使用 Taro React 开发应用，同时使用 Preact 构建特定组件。
• 使用 Preact 开发整个应用。

如果开发者选择使用 Taro React 开发应用，同时使用 Preact 构建特定组件，则需要在项目的 package.json 文件中添加 preact 和 preact-compat 依赖项：

{
  "dependencies": {
    "preact": "^10.8.0",
    "preact-compat": "^3.19.0"
  }
}

然后，开发者就可以在应用中使用 Preact 构建组件了。例如，以下代码演示如何使用 Preact 构建一个简单的计数器组件：

import { useState } from "preact/hooks";

const Counter = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <h1>Count: {count}</h1>
      <button onClick={() => setCount(count + 1)}>+</button>
      <button onClick={() => setCount(count - 1)}>-</button>
    </div>
  );
};

export default Counter;

如果开发者选择使用 Preact 开发整个应用，则需要在项目的 package.json 文件中添加 preact 和 preact-compat 依赖项，并使用 preact 作为 Taro 的框架：

{
  "dependencies": {
    "preact": "^10.8.0",
    "preact-compat": "^3.19.0"
  },
  "taro": {
    "framework": "preact"
  }
}

然后，开发者就可以使用 Preact 开发整个 Taro 应用了。例如，以下代码演示如何使用 Preact 开发一个简单的计数器应用：

import { useState } from "preact/hooks";

const App = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <h1>Count: {count}</h1>
      <button onClick={() => setCount(count + 1)}>+</button>
      <button onClick={() => setCount(count - 1)}>-</button>
    </div>
  );
};

export default App;

Taro 3.4 Beta 的其他更新

除了支持 Preact 外，Taro 3.4 Beta 还修复了多项问题，为开发者提供更好的开发体验。具体如下：

• 修复了在 iOS 真机上无法使用 @tarojs/mobx 依赖项的问题。
• 修复了在 iOS 真机上使用 @tarojs/router 依赖项时无法正确处理 deepLink 的问题。
• 修复了在 H5 环境中使用 @tarojs/taro-h5 依赖项时无法正确处理 history 的问题。
• 修复了在小程序环境中使用 @tarojs/taro-小程序 依赖项时无法正确处理 pageScrollTo 方法的问题。

结语

Taro 3.4 Beta 的发布为开发者带来了激动人心的新特性和优化。通过使用 Preact，开发者可以进一步优化应用的体积和性能，从而提供更好的用户体验。此外，Taro 3.4 Beta 还修复了多项问题，为开发者提供更好的开发体验。相信 Taro 3.4 Beta 将成为开发者构建小程序和 H5 应用的利器。