# @fluixi/jsx 中文文档

规范地址：https://npmcn.com/package/%40fluixi/jsx/

版本：1\.0\.0-alpha\.108
npm 元数据更新时间：2026-11-07T01:10:18.555Z
中文译文更新时间：2026-11-15T02:16:25.517Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40fluixi/jsx
原文对照：https://npmcn.com/package/%40fluixi/jsx/?lang=original
项目主页：https://github.com/fluixi/core#readme
源码仓库：https://github.com/fluixi/core

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：114 kB，25 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：@fluixi/dom ^1\.0\.0-alpha\.108，@fluixi/reactive ^1\.0\.0-alpha\.108
- 首次发布：2026-07-10T03:16:59.194Z
- 最新版本发布：2026-11-07T01:08:38.297Z
- 近 30 天下载量：6067（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：56（近 12 个月 56 个）

## 中文简介

JSX运行时间类型和工厂为Fluixi——精细,没有虚拟DOM.

## 安装

```sh
npm install @fluixi/jsx
```

也可以使用：`pnpm add @fluixi/jsx`、`yarn add @fluixi/jsx`、`bun add @fluixi/jsx`

## README

![Fluixi](https://raw.githubusercontent.com/fluixi/assets/main/logos/128x128.png)

# @fluixi/jsx (英语)

**JSX运行时间和类型 Fluixi 编译反对.**

[![License: MIT](https://img.shields.io/badge/License-MIT-22c55e.svg)](https://npmcn.com/package/%40fluixi/jsx/LICENSE) ![TypeScript](https://img.shields.io/badge/TypeScript-strict-3178c6?logo=typescript&logoColor=white) [![npm](https://img.shields.io/npm/v/@fluixi/jsx?logo=npm)](https://www.npmjs.com/package/@fluixi/jsx) ![JSX](https://img.shields.io/badge/JSX-runtime-f7df1e?logo=javascript&logoColor=black)

* * *

这是 `jsxImportSource` 用于 Fluixi : `jsx`编号 :`jsxs`编号 :`Fragment` 工厂,元素 帮助者,以及JSX类型定义,给出内在元素及其属性真实 类型.

这是一个小包,工作很狭窄. **大部分Fluixi代码从不导入它**: 编译器 将JSX变成直接DOM的电话,所以工厂是任何它没有的倒置 编译. 部件、控制流动、渲染和活性在其他地方活;见 [东西实际生活的地方](https://npmcn.com/package/%40fluixi/jsx/#readme-where-things-actually-live)。 。 。 .

## 安装

```bash
pnpm add @fluixi/jsx @fluixi/dom
```

## 设置

在此软件包中点出类型脚本, 让 Vite 插件编译 :

```json
{
  "compilerOptions": {
    "jsx": "preserve",
    "jsxImportSource": "@fluixi/jsx"
  }
}
```

```ts
// vite.config.ts
import { fluixi } from '@fluixi/vite-plugin';

export default { plugins: [fluixi()] };
```

`npm create fluixi` 电线都为你.

## 出口的东西

| 导出 | 目的 |
| --- | --- |
| `jsx`, (中文(简体) ), `jsxs`, (中文(简体) ), `Fragment` | 自动运行的工厂 |
| `jsxDEV` | 开发厂 |
| `createElement`, (中文(简体) ), `cloneElement`, (中文(简体) ), `isValidElement` | 经典元素助手 |
| `createRef`, (中文(简体) ), `forwardRef` | 参考文献 |
| `renderToString` | 字符串渲染 |
| `mergeProps` | 合并道具对象,使获得者保持活性 |
| `delegateEvents` | 登记授权的事件类型 |
| `createReactiveJSX`, (中文(简体) ), `jsxComponent`, (中文(简体) ), `defineComponent`, (中文(简体) ), `memo`, (中文(简体) ), `hydrate` | 低级整合接合 |

类型 : `JSXElement`, (中文(简体) ), `JSXComponent`, (中文(简体) ), `JSXProps`, (中文(简体) ), `RefCallback`, (中文(简体) ), `RefObject`,加上全球 `JSX` 带有内在元素的命名空间.

## 东西实际生活的地方

这个软件包是一个运行时间,而不是框架外观. 直接达到它通常是一个标志 您想要一个这样的:

| 你想这样 | 从 |
| --- | --- |
| `Show`, (中文(简体) ), `For`, (中文(简体) ), `Index`, (中文(简体) ), `Switch`, (中文(简体) ), `Match`, (中文(简体) ), `Portal`, (中文(简体) ), `Dynamic`, (中文(简体) ), `ErrorBoundary` | `@fluixi/core` 或者说 `@fluixi/dom` |
| `render`, (中文(简体) ), `hydrate` (应用程序条目) | `@fluixi/core` |
| `signal`, (中文(简体) ), `memo`, (中文(简体) ), `effect`, (中文(简体) ), `store` | `@fluixi/reactive` |
| 服务器渲染 | `@fluixi/server`,或 `@fluixi/start` 整个事情 |
| JSX-DOM汇编 | `@fluixi/compiler`, (中文(简体) ), `@fluixi/vite-plugin` |

## 键入元素

这个 `JSX` 名称空间类型 内在元素及其属性, 因此拼写错误的属性 或错误的事件处理器是一个错误,而不是一个沉默的不操作 :

```tsx
const el = <input type="text" onInput={(e) => console.log(e.currentTarget.value)} />;
//                            ^ typed as InputEvent on HTMLInputElement
```

反应属性接受一个访问器和一个值,这是让编译器接受的 在不更改类型的情况下线起捆绑:

```tsx
const count = $signal(0);
<div title={() => `count: ${count()}`} data-count={count()} />;
```

## 参考文献

```tsx
import { createRef } from '@fluixi/jsx';

function Field() {
  const input = createRef<HTMLInputElement>();
  onMount(() => input.current?.focus());
  return <input ref={input} />;
}
```

召回裁判也行, `ref={(el) => ...}`,两种形式都是双向的,所以 组件 `HTMLElement` 接受更具体的答复.

## 许可证

麻省理工学院

## 链接

-   [Fluixi 文档](https://docs.fluixi.com/)
-   [无](https://www.npmjs.com/package/@fluixi/jsx)
-   [仓库](https://github.com/fluixi/core)

## 常见问题

### @fluixi/jsx 是什么？

JSX运行时间类型和工厂为Fluixi——精细,没有虚拟DOM\.

### 如何安装 @fluixi/jsx？

在项目目录运行 npm install @fluixi/jsx，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@fluixi/dom（^1\.0\.0-alpha\.108）、@fluixi/reactive（^1\.0\.0-alpha\.108）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @fluixi/jsx 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @fluixi/jsx 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @fluixi/jsx 可以商用吗？

@fluixi/jsx 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @fluixi/jsx 的下载量有多少？

根据 npm 官方下载统计，@fluixi/jsx 在 2026/10/15 – 2026/11/13 这 30 天内被下载 6,067 次，日均约 202 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @fluixi/jsx 还在维护吗？

最新版本 1\.0\.0-alpha\.108 发布于 2026/11/07（8 天前）；至今共发布 56 个版本，其中过去 12 个月发布了 56 个；首次发布于 2026/07/10。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。