ReactXP入门指南

ReactXP入门指南

1.ReactXP介绍

ReactXP使用了React框架，使得开发人员可以使用React开发他们的跨平台任务。
React的理念是“学习一次，写在任何地方”。使用React和React Native，应用程序可以与iOS和Android应用程序共享大部分逻辑，但视图层需要为每个平台分别实现。而使用ReactXP则更进一步，开发了一个薄的跨平台层——ReactXP。使用ReactXP创建应用程序，可以在多个目标平台上共享视图，样式和动画。当然，您仍然可以提供平台特定的UI，但是这可以在需要时选择性地进行。
ReactXP的设计考虑了跨平台开发。一般来说，它开放了在React JS（HTML）和React Native for iOS和Android中以一致的方式实现的API，组件，道具，样式和动画参数。一些平台特定的工具、样式、属性已经开放了出来，但ReactXP已经尝试将其保持在最低限度。
ReactXP意图尽可能轻便。 核心组件和API几乎能适应所有应用程序所需的功能。 ReactXP的扩展为跨平台方式开放了更多的专门功能。

2.相关资料

1.官网
2.GitHub

3.HelloWorld

1.下载运行官方例子

git clone https://github.com/Microsoft/reactxp.git
cd reactxp/samples/hello-world
yarn

npm install
npm run web-watch

生成一个dist文件夹

点击index.html就可以看到效果

移动端运行运行如下命令

npm run rn-watch
npm run android

iOS项目用Xcode运行效果如下

然后小伙伴就可以按照文档的介绍进行学习了

今天的文章ReactXP入门指南分享到此就结束了，感谢您的阅读。