本文转载自腾讯TMQ团队 ,侵权删. 1.开天辟地 Hippy是什么呢?简单点,能用JavaScript来写Android和iOS应用的框架, 类似业界的React Native. 好吧,我们还是严谨一点.Hippy是一个前终端一体化的JavaScript Framework,可以用JavaScript构建Native原生界面,以及调用Native的能力.同时可以一次编写Android和iOS两端运行. 这么牛B的框架,应该如何进行代码级别的测试保障呢?请继续往下看. 2.Hippy架构和测试策…

产品一直催我在 RN 项目中添加分享功能,一直没找到合适的库,今天让我看到了一个插件分享给大家. 在集成插件之前,需要在各大开放平台上成功注册应用,并通过审核(支持 3 个可选的主流平台).支持的平台如下: 微信开放平台 QQ 开放平台 微博开放平台 第一步 安装: 在你的项目路径下执行命令: npm install jshare-react-native --save npm install jcore-react-native --save react-native link 第二步:配置…

关于推送的集成请参考这篇文章,本篇文章将引导你集成统计功能,只需要简单的三个步骤就可以集成统计功能. 第一步 安装 在你的项目路径下执行命令: npm install janalytics-react-native --save npm install jcore-react-native --save react-native link 执行完上述命令后,使用 Android Studio 打开你的项目. 第二步 配置: 2.1 配置 settings.gradle 执行完 link 命令后,…

关于推送的集成请参考这篇文章,关于统计的集成请参考这篇文章,本篇文章将引导你集成分享功能. 在集成插件之前,需要在各大开放平台上成功注册应用,并通过审核(支持 3 个可选的主流平台).支持的平台如下: 微信开放平台 QQ 开放平台 微博开放平台 第一步:安装 npm install jshare-react-native --save npm install jcore-react-native --save react-native link 第二步:配置 如果 link 失败,则需要进行手动…

最近产品让我加上数据统计功能,刚好极光官方支持数据统计 支持了 React Native 版本 第一步 安装: 在你的项目路径下执行命令: npm install janalytics-react-native --save npm install jcore-react-native --save react-native link 第二步 配置: ReactNative iOS 端配置步骤在插件中自动完成,无需额外的配置. 第三步 使用 接下来在 JS 文件中只要导入 JAnalyticsM…

作者|陈子涵 编辑|覃云 “一次编写, 到处运行”(Write once, run anywhere ) 是很多前端团队孜孜以求的目标.实现这个目标,不但能以最快的速度,将应用推广到各个渠道,而且还能节省大量人力物力. React Native 的推出,为跨平台的开发带来了新的曙光. 虽然 Facebook 官方 blog 的说法 React Native 支持“Learn once, write anywhere.”. 但经过开源社区的不断努力,React Native 已经可以达到“一次编写…

工作原理 大致基本类同,JS-Native桥和前端渲染框架,只是使用框架技术不一样: Weex 阿里内部早期研发的一个通过 JSON 数据描述 native 渲染的项目WeApp以及Vue.js这款优秀的前端开源MVVM框架和深度结合; https://github.com/weexteam/article/issues/32 React Native: http://www.jianshu.com/p/978c4bd3a759     Weex React Native: JS引擎 V8 JS…

如果不能从头到尾的建立一个RN应用,那么RN将失色不少.本以为HTTP请求部分需要使用Native的实现,Android和iOS各回各家,各调各库了.Google了一下之后居然RN可以使用fetch库.这个库是用来代替流传已久的XHR的. 下面看看如何使用fetch 请求Restful API的.API是dribbble的.这个API需要注册,所以如果你要运行下面的例子的话,最好注册一下,或者换一个站点的API试试. 随着ES6,JavaScript内置的支持了Promise这个填补回调地狱大坑…

React Native移动框架功能研究 此篇只研究React Native框架的功能. 一.React Natvie是什么 React Native是使用React(或者说JS)来开发原生APP的框架. 二.React Native的愿景 1.提供一直的跨平台开发原生APP的一直体验. 2.使用JS和React提高跨平台开发效率. 三.React Native提供的特性 1.提供了丰富的原生组件,可以是APP获得平台一致的视觉效果和体验,同时获得最佳的性能和流畅性. // iOS & Andr…

此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分,给大家介绍 React 与 React Native 结合学习的方法. 1. 软件开发语言与框架的学习本质 我们在开始系列文章的技术点内容前,花一点时间探讨一下软件开发语言以及框架的学习本质,相对于整个技术点的讲解,花这一点一起思考的时间是值得的. 相信看此系列文章的朋友都已有了非常多的软件开发经验,而当我们回顾语言与框架的学习过程时,所有语言的基础语法都大同小异,无非基础数据类型.条件判断.分支判断.循环…