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

ReactXP入门指南_第1张图片

npm install
npm run web-watch

生成一个dist文件夹

ReactXP入门指南_第2张图片

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

ReactXP入门指南_第3张图片
ReactXP入门指南_第4张图片

移动端运行运行如下命令

npm run rn-watch
npm run android

ReactXP入门指南_第5张图片

iOS项目用Xcode运行效果如下

ReactXP入门指南_第6张图片

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

你可能感兴趣的:(ReactNative开发)