HarmonyOS开发者限时福利来啦!最高10w+现金激励等你拿~ 了解详情
写点什么

如何快速掌握 Flutter 开发核心技能?

  • 2019-04-17
  • 本文字数:2453 字

    阅读完需:约 8 分钟

如何快速掌握Flutter开发核心技能?

Flutter 应用是如何运行起来的?Flutter 开发体验是怎样的?Flutter 框架有哪些新思路来提升开发效率?如何将 Flutter 集成到企业应用中?用一套代码实现在 iOS、Android 平台上体验优良的应用,Flutter 值得我们学习。


这次,我们有幸采访到了美团点评技术专家李会超老师,作为 美团点评最早落地 Flutter 线上大规模应用的实践者和推动者之一,让我们来听听他是如何看待 Flutter 这一框架的技术现状。


1、你在美团的 4 年时间里,推进了商家业务移动端架构升级和基础设施建设,能否介绍一下具体工作内容,其中运用了哪些关键技术?


以四年的维度来看,商家端的整体架构和基础设施的变化还是很大的。一开始我们更多的专注于业务快速迭代,做了很多基础业务模块抽象、通用控件和持续集成小工具建设。再后来是各业务模块的一系列重构,以提供更好的扩展性、健壮性以及部分动态能力。因为 B 端的业务对实时性、稳定性要求更高,我们还做了很多性能/业务指标的统计、监控及改善的工作,并对前后端交互协议做了升级,以满足业务的安全性、实时性。最近一年多我们做了业务模块的拆分下沉,聚拢了面向 B 端的一些工具、平台化建设、业务指标提升及双端复用等等。


 2、您对 React Native 和 Flutter 拥有深刻的理解及丰富的项目实践经验,您对这两个跨端开发方案有什么看法,哪个更好?如何选择适合公司产品的工具?应从哪些方面考虑?


其实这个问题前不久 React Native 团队在 Reddit 上简单回答过一次。他们解释,两个方案的目标不同,解决方案也不同。React Native 是利用平台已有的组件和样式,而 Flutter 是从头建起,自己用 GL 绘制。两个都是优秀的跨平台解决方案,我们在企业实践落地时,可以从开发效率、技术栈、性能表现、生态建设、动态化及方案路线图来进行考虑。比如,是解决 Android、iOS 的跨端问题还是包括 PC、Web?业务页面对性能要求是否能满足?公司基建的对接成本?技术栈不一致带来的技能培训成本是否能接受?


 3、作为美团点评最早落地 Flutter 线上大规模应用的实践者和推动者,中间经历了哪些坑?技术落地的关键点是什么?请举例说明。


当初实践时还算顺利,中间并没有遇到太大的坑。主要是考虑如何将集成的侵入性降低,以减少对其他业务开发同学的影响。落地过程中主要的关键点包括:对接公司的持续集成,以保证自动化的持续迭代。制定开发规范、工程管理方案以及补充基础工具并对接公司现有的基础组件,满足并规范 Flutter 上层业务的开发。还有性能及核心指标监控、灰度策略和混合导航栈开发等。


 4、你认为 Flutter 框架有哪些新思路来提升开发效率?其中,最值得关注的点是什么?为什么?


Flutter 通过多种方式提升开发效率,包括有带状态的热重载,响应式编程,Widget。其中 Everything’s a Widget 是一个比较新颖的思路,不同于以往页面布局方式,Flutter 将布局位置、样式、控件统一抽象为 Widget,在写页面逻辑时通过组装方式即可达成,每当应用状态发生变化时,页面直接进行重绘而不是调整 UI 控件的样式,这样就减免 UI 变更部分的逻辑。另外,还有带状态的热重载,这显然能够降低调试难度,非常有利于开发效率提升。除此之外,Flutter 也采用了其他框架的开发方法-响应式编程,用户界面根据当前状态来更新页面,这也是提升开发体验的一种重要方法。另外,在Flutter 2019年的规划里,还可以看到对 Web(Hummingbrid)和 Desktop 平台的支持计划,统一整个前端开发技术栈无疑对开发效率的提升是非常显著的,所以这也是我们值得关注的点。


 5、最后,大前端技术发展日新月异,前端工程师除了要有编程能力和架构知识,还需要培养哪些能力,才能跟上技术发展潮流,不断进行自我成长?


大前端技术迭代迅速,我自己也还在持续的学习中,还不能以一个高的视角来系统、完整的回答这个问题。不过我可以谈谈自己一个简单的思考。技术发展潮流往往是为了解决现实中的问题、痛点。拿大前端来讲,多端开发的成本、效率、质量就是一个痛点。这时候就会有一些解决思路及相应的技术方案,就会获得较大的关注度,当它能够较好的解决(或者部分解决)痛点时,大家就会拥抱这个发展。所以说在实际工作中,比如业务迭代中、技术方案落地中,我们如果能够更加用心体会、思考,就能察觉到一些痛点,进而更积极的去了解针对这个痛点,业界是否有成熟的解决方案或者思路。这时候就实现了自我成长。


嘉宾介绍:


李会超,美团点评技术专家。专注于大前端开发领域多年,曾就职于新浪微博,现任美团外卖商家业务 iOS 负责人,致力于提升研发效率与研发质量,为商家提供稳定可靠的生产力工具。在美团的四年时间,推进了商家业务移动端架构升级和基础设施建设,探索并大规模落地了多端复用的多重可行性方案,对 React Native 和 Flutter 拥有深刻的理解及丰富的项目实践经验,是美团点评最早落地 Flutter 线上大规模应用的实践者和推动者。


如果以上的问题还没有能够解答你心中的问题,那么你可以关注在 6 月 22-23 日在北京国际会议中心举办的 GMTC 深度培训,在课程现场,李会超老师会为大家带来Flutter 技术进阶与实战》,本课程结合具体工程实例讲解,总结了企业应用落地实践过程和经验、应用底层技术,帮助团队快速了解 Flutter 开发核心技能,在低成本前提下实现业务的快速迭代。


一、课程大纲


  1. Flutter 基本框架及原理讲解

  2. 开发调试与热重载

  3. App 集成方案

  4. 仓库管理及项目结构组织

  5. 页面/数据框架使用

  6. 企业级落地整体方案

  7. Flutter 未来发展


二、听众收益


  1. 了解 Flutter 开发框架及基本原理

  2. 了解 Flutter 开发调试方法

  3. 了解 Flutter 集成方案

  4. 了解 Flutter 企业应用落地方案


三、目标听众


  1. 中小型移动开发团队

  2. 需要快速迭代的团队

  3. 独立开发者


不仅如此,滴滴司机端iOS团队负责人马华美团点评 Android技术专家何定旭也将会分别为大家带来客户端和端内 H5 的性能问题优化、Android 性能优化的深度课程,让你从 0 到 1 系统深入掌握相关热门技术。


目前深度培训8折售票倒计时进行中,团购更优惠,详情咨询售票天使 Amy:18514549229


(同微信),点击“这里”了解更多大会详情!


2019-04-17 07:505818

评论

发布
暂无评论
发现更多内容

快被Gartner捧上天的Data Fabric数据经纬到底是个啥?

雨果

Data Fabric 数据经纬

浅谈Mixin、Composition API、Reactive API、Ref API以及readonly🔥

渔戈

前端 Vue3 10月月更

深入理解什么是TCP 粘包?粘包警察是什么梗?

C++后台开发

网络协议 TCP/IP 后端开发 C++开发 TCP 粘包

MASA MAUI iOS如何绑定微信

MASA技术团队

MASA MAUI Xamarin MASA Blazor

拆解一下消息队列、任务队列、任务调度系统

Java永远的神

程序员 架构 程序人生 后端 java面试

系统服务熔断、限流:常见限流算法&主流熔断技术详解

程序员小毕

Java 程序员 分布式 微服务 SpringCloud

React高级特性之Render Props

夏天的味道123

React

React高级特性之Context

夏天的味道123

React

正版软件授权代理限时无门槛开放!仅限十一月份!

淋雨

软件 销售 代理商

JscriptScript的类型

渔戈

JavaScript 前端 10月月更

云网融合赋能智慧转型,“天翼云管 ”开启贴身云管家时代

天翼云开发者社区

华为云数据库GaussDB(for MySQL),为企业云上业务发展保驾护航

爱尚科技

nodejs实现jwt

coder2028

node.js

天翼云国产化全栈云服务赋能数字中国建设

天翼云开发者社区

react组件深度解读

xiaofeng

React

记一次漏洞挖掘【网络安全】

网络安全学海

网络安全 安全 信息安全 渗透测试 WEB安全

Webpack最佳实践

Geek_02d948

webpack

喜讯!麦聪软件获得国际权威机构颁发的CMMI3证书

雨果

麦聪软件 CMMI3

架构实战营作业3

阿姆斯壮

架构实战营 架构实战训练营9期

数聚生态,智驭全界!看天翼云如何为智慧园区注入新动能!

天翼云开发者社区

JavaScript的类型转换

渔戈

JavaScript 前端 10月月更

华为云数据库-GaussDB for MySQL数据库

爱尚科技

「MySQL高级篇」MySQL索引底层原理,设计原则详解

Java全栈架构师

Java MySQL 数据库 程序员 索引

京东云开发者|探寻软件架构的本质,到底什么是架构?

京东科技开发者

架构 软件架构 软件架构师

Vue实战必会的几个技巧

yyds2026

Vue

智慧城市、数字政府、城市大脑、一网统管之间有什么关系

雨果

智慧城市 城市大脑 数字政府 一网统管

双向绑定

yyds2026

Vue

基于Delta Lake构建数据湖仓体系

阿里云大数据AI技术

大数据 开源 企业号十月 PK 榜

更易用的OceanBase|生态工具征文大赛正式开启!

OceanBase 数据库

react进阶用法完全指南

xiaofeng

React

Webpack构建速度优化

Geek_02d948

webpack

如何快速掌握Flutter开发核心技能?_大前端_李会超_InfoQ精选文章