ReactXP 学习笔记

为什么选择ReactXP

使用React和React Native，您的Web应用程序可以与iOS和Android应用程序共享其大部分逻辑，但是视图层需要针对每个平台分别实现。我们进一步迈出了一步，开发了一个薄的跨平台层，我们称之为ReactXP。

如果您使用这种抽象编写应用程序，则可以在多个目标平台上共享视图定义，样式和动画。当然，您仍然可以提供特定于平台的UI变体，但是可以根据需要有选择地完成此操作。

官方资料

• Npm: https://www.npmjs.com/package/reactxp
• Github: https://github.com/microsoft/reactxp
• website: https://microsoft.github.io/reactxp/

入门

该样本目录中包含了最小的“Hello World”应用程序，演示了一些基本的ReactXP功能。您可以以此为起点。只需按照README文件中的构建说明进行操作即可。

样本目录中还包括RXPTest应用程序，该应用程序尝试使用ReactXP的所有功能。查阅API，组件和道具的示例用法是一个很好的资源。

您可以从ReactXP官方文档中阅读有关ReactXP及其API的更多信息。

使用名为create-rx-app的命令行工具创建一个入门项目。

npm install create-rx-app -g
create-rx-app AppName

要么

npx create-rx-app AppName

默认情况下，将在TypeScript中创建项目。但是，如果您更喜欢JavaScript，请–javascript在创建项目时添加。

这将在当前工作目录中创建一个名为AppName的目录。在AppName内部，这将生成初始项目结构并安装其所有依赖项。安装完成后，可以在项目目录中运行一些命令：

• npm run start:web -在开发模式下运行应用程序的Web版本
• npm run build:web-将要生产的应用程序的Web版本构建到dist-web文件夹中
• npm run start:ios -运行iOS版本的应用程序，如果您在Mac上并已安装，则尝试在iOS Simulator中打开
• npm run start:android -运行Android版本的应用程序，并尝试在连接的Android设备或模拟器上打开您的应用程序
• npm run start:windows -运行Windows版本的应用程序
• npm start:rn-dev-server -运行React Native（RN）开发服务器

先决条件

• Node.Js（设置说明）
• React Native（设置说明）