加入收藏 | 设为首页 | 会员中心 | 我要投稿 辽源站长网 (https://www.0437zz.com/)- 云专线、云连接、智能数据、边缘计算、数据安全!
当前位置: 首页 > 综合聚焦 > 酷站推荐 > 酷站 > 正文

闲鱼专家详解:Flutter React编程范式实践

发布时间:2019-02-06 08:54:43 所属栏目:酷站 来源:匠修
导读:副标题#e# 作者:闲鱼技术-匠修 Flutter Widget的设计灵感来源于React,是一款原生就立足于响应式的UI框架。本文基于Flutter特点,试图结合闲鱼在Flutter的工程应用来谈下我们对Flutter React编程范式的思考和践行。 Reactive的诞生 谈起UI总会讲到MVC,它出

  我们在业务开发中发现,有时候一个页面一个Store会带来组件复用上的不方便,比如视频播放组件是一个逻辑比较内聚的组件,如果把它的reducer都集中放在页面的Store中那么别的页面想要复用这个开发好的视频组件就不方便了,这时候视频组件可能需要一个独立的Store来存放视频播放相关的逻辑。我们遵循Flutter组件通信方法,将框架扩展为允许存在多个Store,并且做到对Widget开发无感知。

闲鱼专家详解:Flutter React编程范式实践

  Widget只能感知离它最近的Store持有者,该Store会向更高层级Store转发Action,同时接收来自更高层级Store的数据变更并通知Widget。

  延展讨论

  相对目前流行的MVVM框架(Vue,Angular)能够细粒度的绑定数据,并实现界面的最小化刷新,Flutter上面还没有找到很好的办法能够在框架内自动实现,目前只能依赖开发者去手动处理。这不免会降低开发效率,拉低开发体验,我们也在探索更好的方法,如果感兴趣或者有好的解决思路,欢迎和我们交流。

  当遇到状态复杂页面(多动画,多view联动)时,Store中应该要提供相关工具或机制来管理复杂的状态来提高开发效率,状态机是个可选的方案之一。如果有在Dart下优雅的状态机框架实现或思路,请务必和我们分享一下。

  最后,闲鱼技术团队广招各类方向的达人,无论你是精通移动端,前端,后台,还是机器学习,音视频,自动化测试等,都欢迎投递简历加入我们,一同用技术改善生活!简历投递:guicai.gxy@alibaba-inc.com

(编辑:辽源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读