本周五下午公司组织了三场分享:

一场是关于前端微架构;

一场是关于flutter的介绍;

一场是关于react native项目实战

flutter最近热度很高, 是由 Google 的工程师团队打造的,用于创建高性能、跨平台的移动应用的框架, RN 也是使用率较高的跨平台移动应用开发框架.

flutter的介绍当中并未介绍实际开发案例, 而选择使用RN技术的项目组则是考虑到由于flutter无法进行动态发布而选择了RN, 使用之后也发现, 之前需要两个人力的工作开发量(1安卓, 1ios)在使用RN 之后人力投入可以优化到1.2人力左右. 听完分享之后, 立马去网上了解了一下 二者的区别, 这里自己简单做一下总结:

flutter与RN的相同点:

1.都是移动开发跨平台解决方案

2.界面的编写都采用响应式视图,维护了一个状态机,只更新改变的最小区域界面

3.都支持热重载hot reload,开发调试非常方便

4.调用系统的service仍然需要封装接口,仍然还是需要懂得native开发

flutter与RN 的区别:

1. 性能方面:

Flutter由于是基于Dart语言, 所以避免了RN的那种通过桥接器与Javascript通讯导致效率低下的问题,所以在性能方面比RN更高一筹,会更接近原生的体验.

2. 学习成本方面:

Flutter是基于Dart语言,相对来说,由于要学习一门新的开发语言所以学习成本比较高, 而RN采用JS语言开发,基于React,对前端工程师更友好.

3. UI 样式方面:

flutter实现跨平台采用了更为彻底的方案, 因为它基于canvas自己实现了一套UI框架, 所以兼容性更好, 而 RN 在在样式方面还是会遇到比较多的问题,且解决起来会有点麻烦.

4.成熟度的方面:

React Native 是在 2015 年发布的,经过 3 年多的发展,已经比较成熟, 虽然也还不完善, 但是Flutter 是在今年 6 月份才推出发布预览版,社区也刚刚发展, 在github上还有两千多个待解决的问题,所以flutter需要更多时间

后面的答疑环节, 其实也对flutter与RN未来的前景和发展趋势做了一些简单的分析: 技术的选择还是要基于实际的开发场景, 如果

flutter能够解决动态发布的问题,那么会有更好的一统跨平台开发的优势, 但是由于谷歌已经将动态发布这个性能从开发列表中取消, 未来怎么样,还很难说.

不错的参考文章链接:

APP跨平台开发技术分析:https://www.jianshu.com/p/3cd9c3c66b09

Flutter和RN对比: https://www.jianshu.com/p/51c4f7f6e446

flutter框架研究与RN对比: http://szuwest.github.io/flutterkuang-jia-yan-jiu-he-yu-rndui-bi.html

flutter与RN对比相关推荐

  1. Flutter和RN对比分析

    1.Flutter (1)Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面.用于创建高性能.跨平台的移动应用的框架. (2)Flutter的开发语言是Da ...

  2. 流言终结者- Flutter和RN谁才是更好的跨端开发方案?

    背景 论坛上很多小伙伴关心为什么闲鱼选择了Flutter而不选择其他跨端方案?站在质量的角度,高性能是一个很重的因素,我们使用Flutter重写了宝贝详情页之后,对比了Flutter和Native详情 ...

  3. Flutter、RN、uni-app比较

    每当我们评估新技术时要问的第一个问题就是"它会给我们的业务和客户带来哪些价值?",工程师们很容易对闪闪发光的新事物着迷,却经常会忽略这些新事物其实可能对我们的客户没有任何好处,反而 ...

  4. 关于跨平台开发的方案路线选择?来看看flutter、rn和uni-app方案的比较吧

    本文是转载于DCloud社区里开源作者DCloud_heavensoft 一篇关于对跨平台开发技术路线方案比较的文章,分别对现今较为热门的跨平台方案flutter.react native.uni-a ...

  5. 为什么说 Compose 的声明式代码最简洁 ?Compose/React/Flutter/SwiftUI 语法对比

    前言 Comopse 与 React.Flutter.SwiftUI 同属声明式 UI 框架,有着相同的设计理念和相似的实现原理,但是 Compose 的 API 设计要更加简洁.本文就这几个框架在代 ...

  6. 淘宝直播PC客户端的hybrid探索

    如何兼具"Native App良好交互体验的优势"和"Web App跨平台开发的优势"在当前互联网时代保持高效的业务迭代是一个非常重要的课题. 什么是hybri ...

  7. RN、Flutter、Uni-app APP框架对比

    RN.Flutter.Uni-app APP框架对比 框架背景介绍 Flutter Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动.W ...

  8. Flutter、ReactNative、uniapp对比

    *************************************优雅的分割线 ********************************** 分享一波:程序员赚外快-必看的巅峰干货 如 ...

  9. 全网最全 Flutter 与 React Native 深入对比分析

    作为 GSY 开源系列的作者,在去年也整理过 <移动端跨平台开发的深度解析> 的对比文章,时隔一年之后,本篇将重新由 环境搭建.实现原理.编程开发.插件开发.编译运行.性能稳定.发展未来 ...

最新文章

  1. mongodb消息服务器,win10 MongoDB 3.6 服务端配置
  2. pytest文档3-pycharm运行pytest
  3. 客户端跳转代码html5,HTML5跳转小程序wx-open-launch-weapp的示例代码
  4. java 23种设计模式 深入理解
  5. 视图之二--视图中数据的更新
  6. 大话数据结构07 :链表栈
  7. vim 的配置文件 #vim ~/.vimrc
  8. 欧几里得范数_浅谈机器学习中的范数
  9. pytorch—torch.tensor.scatter操作解析
  10. Atitit cms
  11. tomcat:日志配置详解(避免日志过多撑爆磁盘)
  12. 深度学习tracking学习笔记(2):图像/视觉显著性检测技术发展情况梳理(Saliency Detection、Visual Attention)
  13. 华为HG8347R V3R016C10S135光猫桥接 北京联通 恢复华为原版
  14. 服务器怎么做虚拟ip,如何在服务器上添加虚拟IP?看完原来如此简单!!
  15. MacOS 开启latex人生(mactex+texmaker安装)
  16. Docker 入坑指南
  17. pyside2 系列之介绍,安装,简单例子
  18. GSM蜂窝移动通信系统 --- 时间色散和均衡
  19. linux下电路图软件下载,2020年最新最好用的3款电路图软件
  20. hotmail域名_英国短信服务商以131万元收购域名it.co.uk

热门文章

  1. MathType怎样在字母上方加一横表示均值
  2. 10个免费音效素材下载网站,下载超方便还能免费商用!
  3. 使用MultiPowerOnOffTool工具 测试拔插网线对路由器的影响
  4. 005:魔兽世界之一:备战
  5. 别再问什么是数据库分库分表了,看这里!
  6. 怎样将png格式的图片缩小?如何快速压缩图片的大小?
  7. 盘点中国顶级黑客Top10,雷军也名列其中!
  8. Linux下安装USB转串口驱动(PL2303)
  9. 手机麦克风权限在哪里开启_手机麦克风权限怎么设置
  10. Redisson分布式锁的配置和使用