# @cratis/scene\.react 中文文档

规范地址：https://npmcn.com/package/%40cratis/scene.react/

版本：5\.2\.0
npm 元数据更新时间：2026-11-10T16:50:53.032Z
中文译文更新时间：2026-11-10T23:19:48.622Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40cratis/scene.react
原文对照：https://npmcn.com/package/%40cratis/scene.react/?lang=original
项目主页：https://www.cratis.io/screenplay/
源码仓库：https://github.com/Cratis/Scene

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

- 包体积（解压后）：2.8 MB，949 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：2 个
- peer 依赖：react ^18\.0\.0 \|\| ^19\.0\.0，react-dom ^18\.0\.0 \|\| ^19\.0\.0
- 首次发布：2026-08-16T10:56:02.471Z
- 最新版本发布：2026-11-10T16:50:52.688Z
- 近 30 天下载量：26764（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：137（近 12 个月 137 个）

## 中文简介

执行场景的反演渲染器 (原始内容存档于2018-10-26). Engine's Render Contract for real React/DOM.

## 安装

```sh
npm install @cratis/scene.react
```

也可以使用：`pnpm add @cratis/scene.react`、`yarn add @cratis/scene.react`、`bun add @cratis/scene.react`

## README

# 克拉蒂斯场景

Cratis Scene是开发商建立独立平台的UI模型和运行时间, 基于屏幕的用户界面.

**描述用户界面而不描述平台** -场景是克拉提斯的UI模型 模式第一层.

基于屏幕播放的 UI 对象模型和运行时间 : `Scene.Model` (平台-不可知屏幕,布局, 表格、贡献点、ui简介和主题), `Scene.Engine` (约束/决议运行时间)和 `Scene.React` (反应渲染器).

## 包/可部署

[![Nuget](https://img.shields.io/nuget/v/Cratis.Scene.Model?logo=nuget)](http://nuget.org/packages/Cratis.Scene.Model) [![NPM](https://img.shields.io/npm/v/@cratis/scene.model?label=@cratis/scene.model&logo=npm)](https://www.npmjs.com/package/@cratis/scene.model) [![NPM](https://img.shields.io/npm/v/@cratis/scene.engine?label=@cratis/scene.engine&logo=npm)](https://www.npmjs.com/package/@cratis/scene.engine) [![NPM](https://img.shields.io/npm/v/@cratis/scene.react?label=@cratis/scene.react&logo=npm)](https://www.npmjs.com/package/@cratis/scene.react)

## .NET 支持

`Cratis.Scene.Model` 财务报告和审定财务报表 `Cratis.Scene.Engine` 目标.NET 10和.NET 11..NET 8和.NET 9不再被支持. 从源头构建需要 .NET 11 SDK 由 `global.json`默认情况下在.NET 11上运行的规格; CI还在.NET 10上运行两个库规格项目.

## 构建

[![.NET Build](https://github.com/cratis/scene/actions/workflows/dotnet-build.yml/badge.svg)](https://github.com/cratis/scene/actions/workflows/dotnet-build.yml) [![JavaScript Build](https://github.com/cratis/scene/actions/workflows/javascript-build.yml/badge.svg)](https://github.com/cratis/scene/actions/workflows/javascript-build.yml)

## 说明

场景拥有 _对象模型和运行时间_ 一半的剧本 在模式第一管道, [剧本](https://github.com/Cratis/Screenplay) 描述事件源代码 CQRS 系统, [阶段](https://github.com/Cratis/Stage) 让它变成一个运行中的应用程序,而场景是如何 应用程序的用户界面被描述——独立于任何渲染平台.

`Scene.Model` 是平台不可知论 C# 对象模型 [阶段](https://github.com/Cratis/Stage) 将Screenplay的解析语言构建成,而 Studio的 设计时的工具读取和写作. `Scene.Engine` 行走图表,解析绑定(数据,动作,形式, ——它不知道React是否存在. `Scene.React` 是一个执行抽象词汇的渲染器,以对抗真实的React/DOM; 兄弟姐妹的位置 预留未来 `Scene.Native` 编号 : `Scene.Desktop` 造物师. 供应商和内部组件包 (PrimeReact,内部部件库)是接合器插入到渲染器合同中,而不是它的一部分.

建在这个对象模型上的设计时间编辑器住在工作室,而不是这里——见 [工作室编号156](https://github.com/Cratis/StudioIssues/issues/156)。 。 。 .

## 支助

Cratis是一个开放的社区,我们很高兴帮助用户,团队评估堆栈,以及贡献者.

| 频道 | 细节 |
| --- | --- |
| 解析器 | 加入社区 [解析器](https://discord.gg/kt4AMpV8WV) 供提问和讨论之用 |
| GitHub 问题 | [报告错误或请求特性](https://github.com/Cratis/Scene/issues) |
| 文档 | 在 [cratis.io (英语)](https://www.cratis.io/) |

## 克拉蒂斯生态系统

这个项目是 [克拉蒂斯语Name](https://www.cratis.io/) ——构建事件源代码和CQRS应用的工具.

-   **[纪事](https://github.com/Cratis/Chronicle)** ——事件外包数据库和运行时间. 基于奥尔良的内核,可插件存储(MongoDB默认;PostgreSQL,SQL服务器,SQLite, in-memory),语言-不可知GRPC合同. [文档](https://www.cratis.io/chronicle/)
-   **纪事客户端** 一等舱 [.NET SDK 软件](https://github.com/Cratis/Chronicle)附加时 [类型脚本](https://github.com/Cratis/Chronicle.TypeScript), (中文(简体) ), [科特林/贾瓦](https://github.com/Cratis/Chronicle.Kotlin),以及 [埃利克斯尔](https://github.com/Cratis/Chronicle.Elixir)· ; [蟒](https://github.com/Cratis/Chronicle.Python) 马上就来 人工智能代理通过 [纪事 MCP 服务器](https://github.com/Cratis/Chronicle.Mcp)。 。 。 .
-   **[弧形](https://github.com/Cratis/Arc)** - 对ASP.NET的CQRS框架有意见 核心包含命令,查询,验证,授权,以及TypeScript代理生成. 工作没有活动来源. [文档](https://www.cratis.io/arc/)
-   **[构成部分](https://github.com/Cratis/Components)** ——反应组件与Arc图案一致. [文档](https://www.cratis.io/components/)
-   **[国 际](https://github.com/Cratis/cli) + 工作台** ——从终端或浏览器检查和诊断"纪事". [文档](https://www.cratis.io/cli/)
-   **第一层模型** - 工作室, - 工作室, [剧本](https://github.com/Cratis/Screenplay), (中文(简体) ), [阶段](https://github.com/Cratis/Stage),场景(这个仓库), [方案](https://github.com/Cratis/Prologue)
-   **支助** —— 说 [基本要素](https://github.com/Cratis/Fundamentals), (中文(简体) ), [规格](https://github.com/Cratis/Specifications), (中文(简体) ), [概要](https://github.com/Cratis/Synopsis), (中文(简体) ), [镜头](https://github.com/Cratis/Lens), (中文(简体) ), [叙述者](https://github.com/Cratis/Narrator)免费 [AI 工具](https://github.com/Cratis/AI)· ; [组合](https://github.com/Cratis/Ensemble) 马上就来了
-   **[样本](https://github.com/Cratis/Samples)** 整个堆栈的可运行事件来源和CQRS样本

场景获得麻省理工学院许可,可以自由使用.

* * *

部分 [克拉蒂斯语Name](https://www.cratis.io/) \* 平台 [麻省理工学院](https://npmcn.com/package/%40cratis/scene.react/LICENSE)

## 常见问题

### @cratis/scene\.react 是什么？

执行场景的反演渲染器 \(原始内容存档于2018-10-26\)\. Engine's Render Contract for real React/DOM\.

### 如何安装 @cratis/scene\.react？

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

### @cratis/scene\.react 支持 TypeScript 吗？

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

### @cratis/scene\.react 支持 ESM 还是 CommonJS？

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

### @cratis/scene\.react 可以商用吗？

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

### @cratis/scene\.react 的下载量有多少？

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

### @cratis/scene\.react 还在维护吗？

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