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(设置说明)

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>