阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      ReactXP 学习笔记

      为什么选择ReactXP

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

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

      官方资料

      入门

      该样本目录中包含了最小的“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(设置说明)
      目录
      目录