Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >hybrid、react-native、weex和flutter的简单理解

hybrid、react-native、weex和flutter的简单理解

作者头像
zhangjiqun
发布于 2024-12-16 10:28:43
发布于 2024-12-16 10:28:43
1570
举报
文章被收录于专栏:计算机工具计算机工具

移动端跨平台开发从最初的hybrid到react-native、weex,再到最近Geogle新推出的flutter移动UI框架,体验和性能越来越接近原生应用。

这几种APP开发方式中自己亲身体验过的有hybrid、weex、flutter这三种,其中最为熟悉的是weex开发模式。

大家都知道hybrid即为web+native的混合开发模式,优点就是拥有了web开发的服务端发布即可更新的便捷性,AndroidiOS两端可以共用代码,并且web技术已经非常成熟,开发效率也会很高。缺点就是众所周知的性能相比native有很大的不足,且不同机型和系统版本下的兼容性较差。

react-native与weex开发APP是很类似的,两者都是将对应的react源码或者vue源码编译成js文件,在native通过Android和iOS的渲染引擎进行解析渲染,最终以native界面的方式进行展示,这种开发方式同样拥有hybrid的跨平台开发的优点,并且相比于hybrid性能要好很多。

weex和react-native两种开发方式的区别:

weex的核心思想是write one,run anywhere。即写一套代码,各个平台都有可以运行。

react-native是learn once,write  anywhere。即学习一种语言,可以编写各个平台。

由此可见,weex开发在理论上是更加高效的,但是鉴于现在react-native社区相较于weex社区要活跃很多,有很多的开源组件、模块和解决方案,当前实际开发的话weex不一定会比react-native更有效率。

weex还有一个我认为很吸引人的实现热部署更加便捷,服务端发布js文件后,客户端用户即可无感知更新,且不需要开发人员做很多的处理,至多是为了用户体验,添加一些缓存策略。

而flutter开发个人认为在未来会统一移动端的开发,其与weex和react-native相比性能更佳,且对iOS和Android两端的兼容性也更好了,社区也非常活跃,不过应该还需要一段时间的完善和积累,目前仍然不具备热部署的能力并且与weex相比目前还不兼容web端。不过在flutter的规划中可以看到其开发团队在未来会逐渐支持这两项能力。

未来一定是flutter的。

并且其他开发方式中基本都能支持hybrid的方式,因此这里就不在与其进行比较了。

flutter虽然说性能高,但是现在的实践案例仍然比较少,期待它的完善。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-12-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
热门跨平台方案对比:WEEX、React Native、Flutter和PWA
本文主要对WEEX、React Native、Flutter和PWA几大热门跨平台方案进行简单的介绍和对比。内容选自《WEEX跨平台开发实战》 (WEEX项目负责人力荐,从入门到实战,教你玩转移动前端跨平台开发!)
博文视点Broadview
2020/06/10
4.5K0
热门跨平台方案对比:WEEX、React Native、Flutter和PWA
聊聊移动端动态化的由来和各流派的优缺点
“动态化”并不是最近几年才产生的名词,而是从从互联网诞生的初期,这个词就已经出现了。大家所认知的早期互联网,其实就是各种各类的“动态网站”,内容数据和页面外观都不是固定的,都是随着服务器端的更新而更新的,让用户可以很及时地看到最新的内容。因此,动态化可以说是互联网的标志,是互联网最核心的特性之一。
海岛船长加西亚
2023/04/05
6230
浅谈Hybrid
随着 Web 技术和移动设备的飞速发展,各种 APP 层出不穷,极速的业务扩展提高了团队对开发效率的要求,这个时候使用 IOS/Andriod 开发一个 APP 似乎成本有点过高了,而 H5 的低成本、高效率、跨平台等特性马上被利用起来形成了一种新的开发模式:Hybrid APP。
前端森林
2020/04/23
7.1K0
浅谈Hybrid
弃坑 RN,入坑 Flutter,同程旅行架构师给了这四点理由
随着移动互联网的普及和快速发展,Android 和 iOS 成为了移动端 coder 的舞台。而传统的纯原生开发已经不能满足日益增长的业务需求。于是,APP 跨平台开发成了现在比较热门的方向。跨平台开发成本低、周期短、易于上手、不用重新设计、省时省力,种种好处让开发者们备受青睐,也让诸多跨平台开发工具趁势崛起。
深度学习与Python
2021/10/13
9370
最火移动端跨平台方案盘点:React Native、weex、Flutter
跨平台一直是老生常谈的话题,cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放,颇有一股推倒原生开发者的势头。
JackJiang
2018/08/13
7.6K0
最火移动端跨平台方案盘点:React Native、weex、Flutter
React-Native简介
本文介绍如何使用React Native开发Android原生应用,通过实例演示了如何利用React Native开发简单的Android原生应用,包括如何使用React Native的组件和布局、如何调用原生模块等。同时,文章还介绍了如何为React Native项目添加自定义UI组件,以及如何调用原生模块。
IMWeb前端团队
2017/12/29
2K0
React-Native简介
全网最全 Flutter 与 React Native 深入对比分析
作为 GSY 开源系列的作者,在去年也整理过 《移动端跨平台开发的深度解析》 的对比文章,时隔一年之后,本篇将重新由 环境搭建、实现原理、编程开发、插件开发、编译运行、性能稳定、发展未来 等七个方面,对当前的 React Native 和 Flutter 进行全面的分析对比,希望能给你更有价值的参考。
GSYTech
2019/06/21
8.1K1
全网最全 Flutter 与 React Native 深入对比分析
移动端“动态化”是什么意思?
在移动开发领域,为了让APP保持最新的版本,同时让业务开发变得更加快捷,动态化技术极其重要。今天就来聊聊移动端动态和开发的由来和各流派的优缺点。
Lydiasq
2023/04/12
1.6K0
2020年Flutter和 React Native如何选择
如果你想要开发一款App,那么选用什么技术一定是你首要考虑的问题。其次采用什么语言也是需要考虑的。是使用Java,还是Kotlin。是使用object-c,还是采用Swift。是原生开发还是混生开发,这些问题都是我们在开发App之前需要深思熟虑的。
程序那些事儿
2023/03/07
1.4K0
2020年Flutter和 React Native如何选择
Flutter环境搭建
这几年,移动跨平台的趋势可以说是越来越明显,技术实现上也是百花争艳,不过究其实现,无外乎有那么几种。 Web 流:也被称为 Hybrid 技术,它基于 Web 相关技术来实现界面及功能。 代码转换流:将某个语言转成 Objective-C、Java 或 C#,然后使用不同平台下的官方工具来开发。 编译流:将某个语言编译为二进制文件,生成动态库或打包成 apk/ipa/xap 文件。 虚拟机流:通过将某个语言的虚拟机移植到不同平台上来运行。 这方面具体的介绍可以查看我之前文章的介绍:移动跨平台开发方案总结。相
xiangzhihong
2018/04/02
1.8K0
Flutter环境搭建
什么是 Native、Web App、Hybrid、React Native 和 Weex?
Native、Web App、Hybrid、React Native(后面以RN简称)、Weex 间的异同点,后期同步 小程序 和 PWA。
IT派
2018/08/10
2.6K0
什么是 Native、Web App、Hybrid、React Native 和 Weex?
app hybrid框架_混合式app
大家好,又见面了,我是你们的朋友全栈君。 几种APP开发模式 概述 当前的APP开发模式注意有以下四大类型: Native App 即传统的原生APP开发模式,Android基于Java语言,底层调用Google的 API;iOS基于OC或者Swift语言,底层调用App官方提供的API。体验最后。 Web App 即移动端的网站,将页面部署在服务器上,然后用户使用各大浏览器访问。一般泛指 SPA(Single Page Application)模式开发出的网站。体验最差。 Hybrid App 即
全栈程序员站长
2022/09/27
1.6K0
开发Hybrid App如何选型前端框架
由于混合应用的开发具有灵活性、可移植性和易维护性等优点,Hybrid App(混合应用)的开发变得越来越流行,甚至成为一种烂大街的存在,大到全民超级 App 微信、支付宝,小到随便的一个独立电商 App 都是 Hybrid App 的“忠实粉丝”。
Onegun
2023/04/12
4.4K0
开发Hybrid App如何选型前端框架
搞不定移动端性能,全球爆火的 Notion 从 Hybrid 转向了 Native
整理 | Tina 7 月 20 日,Notion 笔记程序发布了版本更新,并表示更改了移动设备上的技术栈,将从 webview 逐步切换到本机应用程序,以获得更快更流畅的性能。 该团队声称该应用程序现在在 iOS 上的启动速度提高了 2 倍,在 Android 上的启动速度提高了 3 倍。 Notion 发布的这条 Twitter 也得到了广泛的关注,几天之内就有了上千条转发。由于前几年 Notion 的技术栈一直没有公开,开发者对此充满了各种猜测,很多人认为 Notion 使用的是 React Na
深度学习与Python
2023/03/29
2.5K0
搞不定移动端性能,全球爆火的 Notion 从 Hybrid 转向了 Native
React Native实践有感
React Native (简称RN)是Facebook于2015年开源的移动端跨平台开发框架。RN从开源以来已经有6个年头了,有着十分丰富的社区资源和生态,时至今日依然有很多移动端项目都使用RN来开发。本文主要通过以往的项目实践来谈谈在选择RN开发app可能需要注意的一些点,也算是自己的一个踩坑经验总结。
ThoughtWorks
2021/12/01
2.8K0
从Hybrid到React-Native: JS在移动端的南征北战史
其实写这篇文章的时候,我就知道,肯定有人问我:为什么不写flutter?抱歉了,flutter的大名我当然知道,可我只是一个写JS的,同时了解一些Java的知识,而flutter采用的编程语言,我暂时没有碰过,所以自然不敢妄加猜度,还请谅解
啦啦啦321
2019/09/29
3.5K0
自绘引擎时代,为什么Flutter能突出重围?
如上图所示,与2019年1月相比,全球使用互联网的人数已增加到45.4亿,增长了7%(2.98亿新用户)。
腾讯云开发者
2020/08/17
8.3K0
自绘引擎时代,为什么Flutter能突出重围?
移动跨平台开发深度解析
移动跨平台开发一直是移动开发者和前端开发者追求的的话题,从早期的cordova、ionic,到如今的react native、weex、kotlin native和flutter等,可以说如今的跨平台框架可谓百花齐放,颇有一股推倒原生开发者的势头。
xiangzhihong
2022/11/30
3.8K0
React Native 的未来与React Hooks
近期和一些朋友聊到了 React-Native 的官方重构状态,而刚好近期发布的 0.59.x 系列版本中,上层设计出现了比较大的调整,结合体验之后的状态,就想聊聊 React-Native 的现状、新版本的升级体验、还有新支持的 React Hook 等特性。
GSYTech
2019/04/21
4.2K0
React Native、Flutter等,这些跨端方案怎么选?
为了一份代码能够运行在多个平台,从而节省开发和沟通成本,各公司都开始关注和使用跨端方案。目前,主流的跨端方案主要分为两种:
拉维
2019/08/12
1.8K1
React Native、Flutter等,这些跨端方案怎么选?
相关推荐
热门跨平台方案对比:WEEX、React Native、Flutter和PWA
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档