ReactXP入门指南

2024-04-17 06:00:54

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入门指南相关推荐

入门指南目录页 -PaddlePaddle 飞桨入门指南 FAQ合集-深度学习问题
入门指南目录页 -PaddlePaddle 飞桨入门指南 FAQ合集 GT_Zhang关注 0.1012019.08.01 18:43:34字数 1,874阅读 795 Hi,欢迎各位来自Paddl ...
Maven入门指南⑦：Maven的生命周期和插件
Maven入门指南⑦:Maven的生命周期和插件一个完整的项目构建过程通常包括清理.编译.测试.打包.集成测试.验证.部署等步骤,Maven从中抽取了一套完善的.易扩展的生命周期.Maven的生命周 ...
UE4风格化场景设计入门指南 Stylized Station – The Environment Artist’s Survival Kit
持续时间13h 1920X1080 .ts 包含项目文件大小解压后:4.9G 语言:英语+中文字幕(人工校对) 标题:风格化的车站--环境艺术家的生存工具包信息: 环境艺术很难. 尤其是作为初学者 ...
游戏风格化角色创建入门指南视频教程
游戏风格化角色创建入门指南视频教程时间 33小时包括项目文件 1920X1080 MP4 语言:英语+中文字幕(根据原英文字幕机译更准确)+原英文字幕游戏中的风格化角色创建入门指南百度一下 ...
mongoDB 入门指南、示例
http://www.cnblogs.com/hoojo/archive/2011/06/01/2066426.html mongoDB 入门指南.示例上一篇:简单介绍mongoDB 一.准备工作 ...
智能合约和区块链技术：入门指南
链客,专为开发者而生,有问必答! 此文章来自区块链技术社区,未经允许拒绝转载. 智能合约和区块链技术:入门指南多年前,在没有数字合约和区块链技术存在的情况下,双方的合约往往以传统的方式进行.在加密货 ...
数据分析从头学_数据新闻学入门指南：让我们从头开始构建故事
数据分析从头学 by Mina Demian 由Mina Demian 数据新闻学入门指南:让我们从头开始构建故事 (A Beginner's Guide to Data Journalism: Le ...
《Redis入门指南（第2版）》一第2章准备
本节书摘来异步社区<Redis入门指南(第2版)>一书中的第2章,作者: 李子骅责编: 杨海玲,更多章节内容可以访问云栖社区"异步社区"公众号查看. 第2章准备 R ...
jQuery中文入门指南，翻译加实例，jQuery的起点教程
中文版译者:Keel 此文以实例为基础一步步说明了jQuery的工作方式.现以中文翻译(添加我的补充说明)如下.如有相关意见或建议请 EMAIL 告知.或者在 BLOG中留言. 英文原版:http:/ ...

最新文章

热门文章