Add complete Chinese translation for Preact X blog post (#1291)

Co-authored-by: 李嘉图·M·路 <146103794+Ricardo-M-Zheng@users.noreply.github.com>

Author: SisyphusZheng

content/zh/about/browser-support.md

@@ -1,5 +1,5 @@
 ---
-title: Browser Support
+title: 浏览器支持
 ---
 
 # 浏览器支持

content/zh/about/demos-examples.md

@@ -1,5 +1,5 @@
 ---
-title: Demos & Examples
+title: 示例和演示
 ---
 
 # 示例
@@ -116,7 +116,8 @@ Dropbox 的桌面 app，基于 Preact、Electron 和 Photon。
 
 **[Parcel + Preact + Unistore Starter](https://github.com/hwclass/parcel-preact-unistore-starter)**
 用于快速开发原型设计或者中小项目的启动包
-
+**[buildless-preact-starter](https://github.com/ttntm/buildless-preact-starter)** :rocket:
+一个用于在无构建环境中使用 Preact 的启动模板
 
 ## Codepens 上的例子
 
@@ -125,6 +126,7 @@ Dropbox 的桌面 app，基于 Preact、Electron 和 Photon。
 - [60FPS Rainbow Spiral](http://codepen.io/developit/full/xGoagz/) _(@ CodePen)_
 - [Simple Clock](http://jsfiddle.net/developit/u9m5x0L7/embedded/result,js/) _(@ JSFiddle)_
 - [3D + ThreeJS](http://codepen.io/developit/pen/PPMNjd?editors=0010) _(@ CodePen)_
+- [Endless Horse](https://codepen.io/youkwhd/pen/zYbjepj) _(@ CodePen)_
 
 ## 模版
 

content/zh/about/libraries-addons.md

@@ -1,52 +1,64 @@
 ---
-title: Libraries & Add-ons
+title: 库和扩展
+description: '与 Preact 完美配合的库和扩展集合'
 ---
 
-# 库和插件
+# 库和扩展
 
+这是一个专为 Preact 构建的优秀模块集合。
 
-此页收集了一些 Preact 的库与插件.
-> :information_desk_person: _构建一个你自己的库？
-> [把它加到这里！](https://github.com/preactjs/preact-www/blob/master/content/zh/about/libraries-addons.md)_
+> :information_desk_person: _构建了自己的库？
+> [添加它！](https://github.com/preactjs/preact-www/blob/master/content/en/about/libraries-addons.md)_
 
+## 扩展
 
-### 插件（Add-Ons）
+- :repeat: [**preact-cycle**](https://github.com/developit/preact-cycle): Preact 的函数式响应式编程范式
+- :page_facing_up: [**preact-render-to-string**](https://github.com/preactjs/preact-render-to-string): 通用渲染
+- :timer_clock: [**relaks**](https://github.com/trambarhq/relaks): 创建具有异步返回渲染方法的组件。
+- :nut_and_bolt: [**express-preact-views**](https://github.com/edwjusti/express-preact-views): Express 视图引擎
+- :floppy_disk: [**Prefresh**](https://github.com/JoviDeCroock/prefresh): Preact 的快速刷新插件
+- :bookmark_tabs: [**adonis-preact**](https://github.com/DonsWayo/adonis-preact): 在 Adonisjs 中使用 Preact
 
-- :raised_hands: [**preact-compat**](https://github.com/preactjs/preact-compat): 让你可以在 Preact 下使用任何 react 的库 *([full example](https://github.com/developit/preact-compat-example))*
-- :repeat: [**preact-cycle**](https://github.com/developit/preact-cycle): 基于 Preact 的小型 Vdom 渲染
-- :page_facing_up: [**preact-render-to-string**](https://github.com/preactjs/preact-render-to-string): 统一渲染
+## 组件
 
+- :earth_americas: [**preact-router**](https://github.com/preactjs/preact-router): 为您的组件提供 URL 路由
+- :bookmark_tabs: [**preact-markup**](https://github.com/developit/preact-markup): 将 HTML 和自定义元素渲染为 JSX 和组件
+- :satellite: [**preact-portal**](https://github.com/developit/preact-portal): 将 Preact 组件渲染到（一个）空间 :milky_way:
+- :pencil: [**preact-richtextarea**](https://github.com/developit/preact-richtextarea): 简单的 HTML 编辑器组件
+- :bookmark: [**preact-token-input**](https://github.com/developit/preact-token-input): 将输入标记化的文本字段，用于标签等功能
+- :card_index: [**preact-virtual-list**](https://github.com/developit/preact-virtual-list): 轻松渲染数百万行的列表 ([演示](https://jsfiddle.net/developit/qqan9pdo/))
+- :triangular_ruler: [**preact-layout**](https://download.github.io/preact-layout/): 小巧简单的布局库
+- :construction_worker: [**preact-helmet**](https://github.com/download/preact-helmet): Preact 的文档头管理器
+- :arrow_up_down: [**preact-custom-scrollbars**](https://github.com/lucafalasco/preact-custom-scrollbars): 完全可定制的滚动条，提供无摩擦的原生浏览器滚动体验
+- 🧱 [**@modular-forms/preact**](https://modularforms.dev/): 模块化和类型安全的表单库
 
-### 组件（Components）
+## 集成(Integrations)
 
-- :earth_americas: [**preact-router**](https://github.com/preactjs/preact-router): 路由组件
-- :bookmark_tabs: [**preact-markup**](https://github.com/developit/preact-markup): 渲染组件或自定义元素（如 jsx）为 html
-- :satellite: [**preact-portal**](https://github.com/developit/preact-portal): 渲染 Preact 组件到一个容器内（如 dom 元素）:milky_way:
-- :pencil: [**preact-richtextarea**](https://github.com/developit/preact-richtextarea): 简单版的 html 编辑器组件
-- :bookmark: [**preact-token-input**](https://github.com/developit/preact-token-input): 用于输入标签的文字框
-- :card_index: [**preact-virtual-list**](https://github.com/developit/preact-virtual-list): 可轻松渲染百万行数据到 list 中 ([demo](https://jsfiddle.net/developit/qqan9pdo/))
-- :triangular_ruler: [**preact-layout**](https://download.github.io/preact-layout/): 一款小而简单的布局库
+- :thought_balloon: [**preact-socrates**](https://github.com/matthewmueller/preact-socrates): [Socrates](http://github.com/matthewmueller/socrates) 的 Preact 插件
+- :rowboat: [**preact-flyd**](https://github.com/xialvjun/preact-flyd): 在 Preact + JSX 中使用 [flyd](https://github.com/paldepind/flyd) FRP 流
+- :speech_balloon: [**preact-i18nline**](https://github.com/download/preact-i18nline): 通过 [i18nline](https://github.com/download/i18nline) 将 [i18n-js](https://github.com/everydayhero/i18n-js) 生态系统与 Preact 集成。
+- :diamond_shape_with_a_dot_inside: [**Capacitor**](https://capacitorjs.com/solution/preact): 将您的 Preact 应用转换为原生 iOS/Android 应用和 PWA。
+- :ice_cube: [**Kretes**](https://kretes.dev/docs/howtos/preact-setup/): 使用 Preact 和 Node.js 构建全栈 TypeScript 应用
+- 🏝: [**preact-island**](https://github.com/mwood23/preact-island): 在任何网站上运行您的 Preact 小部件，具有响应式属性。
 
+## GUI 工具包
 
-### 集成（Integrations）
+- 🎴 [**@mui/material**](https://github.com/mui/material-ui/tree/master/examples/material-ui-preact): 您一直想要的 React UI 库。遵循您自己的设计系统，或从 Material Design 开始。
+- :thumbsup: [**preact-material-components**](https://github.com/prateekbh/preact-material-components): Web 的 Material Components（取代 MDL）
+- :white_square_button: [**preact-mdl**](https://github.com/developit/preact-mdl): 将 [MDL](https://getmdl.io) 用作 Preact 组件
+- :rocket: [**preact-photon**](https://github.com/developit/preact-photon): 使用 [photon](http://photonkit.com) 构建美观的桌面 UI
+- :penguin: [**preact-weui**](https://github.com/afeiship/preact-weui): 适用于 Preact 的 [Weui](https://github.com/afeiship/preact-weui)
+- 💅 [**preact-fluid**](https://github.com/ajainvivek/preact-fluid): 适用于 Preact 的 [Fluid](https://github.com/ajainvivek/preact-fluid) 极简 UI 套件
+- :book: [**storybook-preact**](https://github.com/storybooks/storybook/tree/next/app/preact): Storybook for Preact 是您的 Preact 组件UI 开发环境
 
-- :thought_balloon: [**preact-socrates**](https://github.com/matthewmueller/preact-socrates): 针对 [Socrates](https://github.com/matthewmueller/socrates) 的 Preact 插件(http://github.com/matthewmueller/socrates)
-- :rowboat: [**preact-flyd**](https://github.com/xialvjun/preact-flyd): 在 Preact + jsx 上使用 [flyd](https://github.com/paldepind/flyd) FRP streams
+### 测试
 
+- :microscope: [**preact-jsx-chai**](https://github.com/developit/preact-jsx-chai): JSX 断言测试 _（无需 DOM，直接在 Node 中运行）_
+- :white_check_mark: [**unexpected-preact**](https://github.com/bruderstein/unexpected-preact): Jest 中的 JSX 断言、事件、快照 _（DOM，在 Node jsdom 下运行或在 Jest 中开箱即用）_ - [文档](https://bruderstein.github.io/unexpected-preact/)
 
-### GUI 工具（GUI Toolkits）
+## 实用工具
 
-- :white_square_button: [**preact-mdl**](https://github.com/developit/preact-mdl): 使用 [MDL](https://getmdl.io) 制作 Preact 组件
-- :rocket: [**preact-photon**](https://github.com/developit/preact-photon): 基于 [photon](http://photonkit.com) 构建桌面 app
-
-
-### 测试（Testing）
-
-- :microscope: [**preact-jsx-chai**](https://github.com/developit/preact-jsx-chai): jsx 断言测试 _（仅在 Node 下使用，不支持 DOM）_
-
-
-### 基础库（Utilities）
-
-- :tophat: [**preact-classless-component**](https://github.com/ld0rman/preact-classless-component): 不使用 class 关键字创建 preact 组件 
-- :hammer: [**preact-hyperscript**](https://github.com/queckezz/preact-hyperscript): 使用 Hyperscript 的语法创建元素 
-- :white_check_mark: [**shallow-compare**](https://github.com/tkh44/shallow-compare): 简单的 `shouldComponentUpdate` 帮助库，快速深度对比
+- :tophat: [**preact-classless-component**](https://github.com/ld0rman/preact-classless-component): 无需使用 class 关键字即可创建 preact 组件
+- :hammer: [**preact-hyperscript**](https://github.com/queckezz/preact-hyperscript): 用于创建元素的类 Hyperscript 语法
+- :white_check_mark: [**shallow-compare**](https://github.com/tkh44/shallow-compare): 简化的 `shouldComponentUpdate` 辅助函数。
+- :signal_strength: [**@deepsignal/preact**](https://github.com/EthanStandel/deepsignal/tree/main/packages/preact): `@preact/signals` 的扩展，用于完整的状态管理

content/zh/about/project-goals.md

@@ -1,5 +1,5 @@
 ---
-title: Project Goals
+title: Preact 的项目目标
 ---
 
 # Preact 的项目目标

content/zh/blog/preact-x.md

@@ -4,7 +4,7 @@ date: 2024-05-24
 authors:
   - Jovi De Croock
 translation_by:
-  - SisyphusZheng
+  - zhi zheng
 ---
 
 # Preact X，稳定性的故事
@@ -119,4 +119,4 @@ const App = () => {
 
 我们重视我们的生态系统，我们重视通过我们的 [`options API`](https://marvinh.dev/blog/preact-options/) 构建的扩展，这是我们不想引入这些破坏性变更的主要驱动因素之一，而是允许你们所有人从我们的研究中受益，而无需痛苦的迁移路径。
 
-这并不意味着 Preact 11 不会发生，但它可能不是我们最初认为的那样。相反，我们可能只是放弃 IE11 支持并为您提供这些性能改进，同时为您提供 Preact X 的稳定性。还有很多想法在浮现，我们对在提供开箱即用路由等功能的元框架背景下的更广泛 Preact 体验非常感兴趣。我们正在 vite 预设以及 [Fresh](https://fresh.deno.dev/) 中探索这个角度，以很好地感受 Preact 优先的元框架应该是什么样子。
+这并不意味着 Preact 11 不会发生，但它可能不是我们最初认为的那样。相反，我们可能只是放弃 IE11 支持并为您提供这些性能改进，同时为您提供 Preact X 的稳定性。还有很多想法在浮现，我们对在提供开箱即用路由等功能的元框架背景下的更广泛 Preact 体验非常感兴趣。我们正在 vite 预设以及 [Fresh](https://fresh.deno.dev/) 中探索这个角度，以很好地感受 Preact 优先的元框架应该是什么样子。