2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k

这篇具有很好参考价值的文章主要介绍了2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

关于 Effect

Effect 是对非修改数据行为的标准定义,它是一个函数签名: (Context, Action) => Object
它主要包含四方面的信息

  • 接收来自 View 的“意图”,也包括对应的生命周期的回调,然后做出具体的执行。
  • 它的处理可能是一个异步函数,数据可能在过程中被修改,所以我们不崇尚持有数据,而通过上下文来获取最新数据。
  • 它不修改数据, 如果修要,应该发一个 Action 到 Reducer 里去处理。
  • 它的返回值仅限于 bool or Future, 对应支持同步函数和协程的处理流程。

比如:良好的协程的支持2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

关于 Reducer

Reducer 是一个完全符合 Redux 规范的函数签名:(T,Action) => T
一些符合签名的 Reducer

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

同时我们以显式配置的方式来完成大组件所依赖的小组件、适配器的注册,这份依赖配置称之为 Dependencies。
所以有这样的公式 Component = View + Effect(可选) + Reducer(可选) + Dependencies(可选)。
一个典型的组装

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

通过 Component 的抽象,我们得到了完整的分治,多纬度的复用,更好的解耦。

Adapter

Adapter 也是对局部的展示和功能的封装。它为 ListView 高性能场景而生,它是 Component 实现上的一种变化。

  • 它的目标是解决 Component 模型在 flutter-ListView 的场景下的 3 个问题

  • 1)将一个"Big-Cell"放在 Component 里,无法享受 ListView 代码的性能优化。

  • 2)Component 无法区分 appear|disappear 和 init|dispose 。

  • 3)Effect 的生命周期和 View 的耦合,在 ListView 的场景下不符合直观的预期。

概括的讲,我们想要一个逻辑上的 ScrollView,性能上的 ListView ,这样的一种局部展示和功能封装的抽象。
做出这样独立一层的抽象是,
我们看实际的效果, 我们对页面不使用框架,使用框架 Component,使用框架 Component+Adapter 的性能基线对比

  • Reducer is long-lived, Effect is medium-lived, View is short-lived.
    我们通过不断的测试做对比,以某 android 机为例:
  • 使用框架前 我们的详情页面的 FPS,基线在 52FPS。
  • 使用框架, 仅使用 Component 抽象下,FPS 下降到 40, 遭遇“Big-Cell”的陷阱。
  • 使用框架,同时使用 Adapter 抽象后,FPS 提升到 53,回到基线以上,有小幅度的提升。

Directory

推荐的目录结构会是这样

sample_page
– action.dart
– page.dart
– view.dart
– effect.dart
– reducer.dart
– state.dart
components
sample_component
– action.dart
– component.dart
– view.dart
– effect.dart
– reducer.dart
– state.dart

上层负责组装,下层负责实现,   同时会有一个插件提供, 便于我们快速填写。
以闲鱼的详情场景为例的组装:

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

组件和组件之间,组件和容器之间都完全的独立。

Communication Mechanism

  • 组件|适配器内通信
  • 组件|适配器间内通信

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github
简单的描述:采用的是带有一段优先处理的广播, self-first-broadcast。
发出的 Action,自己优先处理,否则广播给其他组件和 Redux 处理。
最终我们通过一个简单而直观的 dispatch 完成了组件内,组件间(父到子,子到父,兄弟间等)的所有的通信诉求。

Refresh Mechanism

数据刷新

  • 局部数据修改,自动层层触发上层数据的浅拷贝,对上层业务代码是透明的。

  • 层层的数据的拷贝

  • 一方面是对 Redux 数据修改的严格的 follow。

  • 另一方面也是对数据驱动展示的严格的 follow。

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

视图刷新

  • 扁平化通知到所有组件,组件通过 shouldUpdate 确定自己是否需要刷新

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

优点

数据的集中管理

  • 通过 Redux 做集中化的可观察的数据管理。我们将原汁原味地保留所有的 Redux 的优势,同时在 Reducer 的合并上,变成由框架代理自动完成,大大简化了使用 Redux 的繁琐度。

组件的分治管理

  • 组件既是对视图的分治,也是对数据的分治。通过逐层分治,我们将复杂的页面和数据切分为相互独立的小模块。这将利于团队内的协作开发。

View、Reducer、Effect 隔离

  • 将组件拆分成三个无状态的互不依赖的函数。因为是无状态的函数,它更易于编写、调试、测试、维护。同时它带来了更多的组合、复用和创新的可能。

声明式配置组装

  • 组件、适配器通过自由的声明式配置组装来完成。包括它的 View、Reducer、Effect 以及它所依赖的子项。

良好的扩展性

  • 核心框架保持自己的核心的三层关注点,不做核心关注点以外的事情,同时对上层保持了灵活的扩展性。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github
2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github
2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github
2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github
2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github
2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github
2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

学习分享

①「Android面试真题解析大全」PDF完整高清版+②「Android面试知识体系」学习思维导图压缩包

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k,2024年程序员学习,flutter,开源,github

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**文章来源地址https://www.toymoban.com/news/detail-850069.html

到了这里,关于2亿用户背后的Flutter最新开源框架;Fish-Redux,GitHub已标星16k的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 探索高级UI、源码解析与性能优化,了解开源框架及Flutter,助力Java和Kotlin筑基,揭秘NDK的魅力!

    链接: https://pan.baidu.com/s/13cR0Ip6lzgFoz0rcmgYGZA?pwd=y7hp 提取码: y7hp 复制这段内容后打开百度网盘手机App,操作更方便哦 --来自百度网盘超级会员v4的分享 📚【01】Java筑基:全方位指南带你从入门到进阶,打造坚实的Java基础!🔥 🔬【02】Kotlin:深入浅出,揭示Kotlin的奇妙之处,让

    2024年02月12日
    浏览(50)
  • 最新版本2023UI千月影视APP源码 开源完美版前后端完美匹配 后端基于ThinkPHP框架

    最新版本的2023UI千月影视APP源码是一款开源的完美版应用程序,具备前后端完美匹配的特点。该应用的后端开发基于ThinkPHP框架,这是一个广泛使用的PHP开发框架,具有稳定性和安全性方面的优势。 2023UI千月影视APP是一款提供电影、电视剧、综艺节目等视频内容的应用程序,

    2024年02月13日
    浏览(39)
  • web3 React dapp中编写balance组件从redux取出并展示用户资产

    好啊 上文WEB3 在 React搭建的Dapp中通过redux全局获取并存储用户ETH与自定义token与交易所存储数量中 我们拿到了用户的一个本身 和 交易所token数量 并放进了redux中做了一个全局管理 然后 我们继续 先 起来ganache的一个模拟环境 然后 我们启动自己的项目 顺手发布一下合约 然后

    2024年02月05日
    浏览(36)
  • Vue框架背后的故事

    Vue框架作为当前主流的前端框架之一,作者尤雨溪更是国内开发者心中男神,作为开发工程师你是否知道Vue框架名字的由来?你是否知道Vue框架作者尤大大创作Vue过程中的几个节点?今天就来带领大家深入Vue背后的故事 其实尤大大最初专业为室内艺术,并非计算机,但是尤大

    2023年04月10日
    浏览(54)
  • 集合框架及背后的数据结构

    大家好,我是晓星航。今天为大家带来的是 集合框架及背后的数据结构 的讲解!😀 官方教程 Java 集合框架 Java Collection Framework ,又被称为容器 container ,是定义在 java.util 包下的一组接口 interfaces 和其实现类 classes 。 其主要表现为将多个元素 element 置于一个单元中,用于对

    2024年01月18日
    浏览(44)
  • NeurIPS 2022|DeepMind最新研究:大模型背后的ICL可能与数据分布密切相关

    大模型 自然语言处理 机器学习 传统的文本语言模型 倾向于 两阶段的训练模式 ,即首先在 大规模语料库上进行预训练 ,然后在目标 下游任务上进行微调 , 这种方式会 受数据标注质量 和 过拟合 等多方面的影响 。最近兴起并流行的大型语言模型(large language models,LLMs)

    2024年02月09日
    浏览(44)
  • 编程框架概述:MVC, MVP, MVVM, Flux/Redux, 和 Clean Architecture

            在软件开发中,选择合适的编程框架和架构模式对于构建可维护和可扩展的应用程序至关重要。初学者在面对多种架构选项时可能会感到困惑。本文将详细介绍五种流行的编程框架:MVC、MVP、MVVM、Flux/Redux和Clean Architecture。 MVC是一种将应用程序分为三个核心组件的架

    2024年01月20日
    浏览(54)
  • 解读 | 阿里通义千问模型全尺寸开源 “诚意满满“背后的名与利

    大家好,我是极智视界,欢迎关注我的公众号,获取我的更多前沿科技分享 邀您加入我的知识星球「极智视界」,星球内有超多好玩的项目实战源码和资源下载,链接:https://t.zsxq.com/0aiNxERDq 12 月 1 日阿里开源了 72B 和 18B 大模型以及音频大模型 Qwen-Audio,再加上之前八月份、

    2024年02月03日
    浏览(54)
  • WEB3 在 React搭建的Dapp中通过redux全局获取并存储用户ETH与自定义token与交易所存储数量

    上文 web3 在React dapp中全局管理web3当前登录用户/智能合约等信息中 我们简单操作,将web3的公共信息都存在了window对象上 然后 我们先来启动一下环境 终端输入 打开项目 终端输入 在区块链上发布一下智能合约 然后 我们在 src下的 components 目录下创建两个组件 分别是 余额组件

    2024年02月05日
    浏览(48)
  • 生成式 AI 背后的共同框架:Stable Diffusion、DALL-E、Imagen

    如果你对这篇文章感兴趣,可以点击「【访客必读 - 指引页】一文囊括主页内所有高质量博客」,查看完整博客分类与对应链接。 这些生成式 AI 的整体功能为:输入「文字」,返回「图像」,即 Text-to-image Generator: 生成器的内部框架如下所示: 第一部分:Text Encoder,输出

    2024年02月08日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包