25 天前 / FWHeart
Redux是业内鼎鼎有名的状态管理工具，据说作者Dan Abramov就是凭借这个作品在业内名声大振的。一开始我以为这个被广为流传使用的库代码，必然十分复杂，因而一直没有去研究它的设计与实现。直到有天心血来潮翻了下它的源码，发现不仅暴露出来的API少，内部的API也少，总共不超过10个的API加起来居然不到六百行代码。。。 本篇文章讨论的Redux源码是基于版本v4.0.1，只讨论其中核心API的实现并简单发表下对Redux框架发展的看法。首先，先上张Redux的数据流向图。 就不详细的介绍这个架构了，简单的说下这个数据流中Redux实现的部分和需要我们......
44 天前 / 闲鱼技术
背景 UI2CODE的目标是通过分析视觉稿得到对应的代码，让AI提高开发效率。然而过去静态化页面的产出，不能得到业务场景的需求。针对于此，我们以UI2CODE自动化开发为基底，结合Redux的消息机制，将自动化生成的维度提升到页面的处理。 透过框架，可自动化生成页面代码，并且具有数据驱动展示、消息派送等动态性能力。期望在复杂的业务场景下，简化开发的工作。并且在使用一致化的架构下，避免未来业务代码耦合严重，使代码分工明确，容易修改维护。 进化后的UI2CODE 开发者可以透过Intellij Plugin分析视觉稿后会生成对应的视图代码，以及和此......
93 天前 / 闲鱼技术
前言 开源地址：https://github.com/alibaba/fish-redux 我们在使用fish-redux构建应用的时候，界面代码（view）和事件的处理逻辑（reducer，effect）是完全解耦的，界面需要处理事件的时候将action分发给对应的事件处理逻辑去进行处理，而这个分发的过程就是下面要讲的dispatch，通过本篇的内容，你可以更深刻的理解一个action是如何一步步去进行分发的。 从example开始 为了更好的理解action的dispatch过程，我们就先以todolistpage中一条todo条目的勾选事件为例，来看点击后事件的传递过程，通过断点debug我们很容易就能够发现点击时候发......
135 天前 / 闲鱼技术
阿里妹导读：目前，跨平台、高性能的渲染引擎逐渐成为大前端领域的一个热点。作为其中的明星， Flutter有很大的机会成为下一代主流的跨端解决方案。闲鱼技术基于Flutter 深耕，开源了2亿用户背后的Flutter应用框架：Fish Redux。接下来，我们就一起深入解读 Fish Redux ，了解它的函数式的编程模型、可预测的状态管理、可插拔的组件体系、最佳的性能表现。 此外，今天晚上，闲鱼工程师将做客阿里技术直播间，与你聊聊移动开发和Fish Redux，欢迎观看。 开源地址 https://github.com/alibaba/fish-redux 3月6日（周三）......
136 天前 / ro9er??
前言接上一篇，在明白了如何组合状态转移之后，我们回过头来再来看看整个实现，我们提炼了一些简单的展示性的组件，例如FilterLink： class FilterLink extends Component {constructor(props) {super(props);}render(){let {curFilter, value, onClick} = this.propsif(curFilter === value){return {this.props.children} }else{return {e.preventDefault();onClick(value)}}>{this.props.children} }}}export default FilterLink;它只负责组件的展示而不需要关注页面逻辑问......
141 天前 / yvonne
由于一直用业界封装好的如redux-logger、redux-thunk此类的中间件，并没有深入去了解过redux中间件的实现方式。正好前些时间有个需求需要对action执行时做一些封装，于是借此了解了下Redux Middleware的原理。* 中间件概念首先简单提下什么是中间件，该部分与下文关系不大，可以跳过。来看眼这个经典的图。 不难发现： 不使用middleware时，在dispatch(action)时会执行rootReducer，并根据action的type更新返回相应的state。而在使用middleware时，简言之，middleware会将我们当前的action做相应的处理，随后再交付rootReducer执行。简单实现原......
156 天前 / 冷星1024
首发于与时舒卷写文章Vuex、Flux、Redux、Redux-saga、Dva、MobXjnoodle三观正，格调高667 人赞了该文章这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前，大家要始终记得一句话：一切前端概念，都是纸老虎。不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个组件的状态，都是共享状态。 父子组件之间，兄弟组件之间共享状态，往往需要写很多没有必要的代码，比如把状态提升到父组件里，或者给兄弟组件写一个父组件，听......
176 天前 / 子曰五溪
首发于我们可以学更多写文章在 Flutter 使用 Redux 来共享状态和管理单一数据五溪ICEPY给你的生活加点阳光 :)4 人赞了该文章React 生态里广为人知的 Redux 状态管理，其实在 Flutter 中也能适用，它能很好的处理单一数据和状态共享，在一定程度上对于分割项目之间复杂的业务有一定的积极作用，可阅读可维护也能做的很不错。对于使用过 React 的前端开发来说 Redux 的概念肯定熟记于心了，不过我还是要简单说一些东西，只有这样我们才能更好的进入下一个环节。 Redux 主要由三个部分组成：Store，Action，Reducer Action 用于定义数据变化的行为（......
277 天前 / 秦小风啊
本文是 《使用 RxJS + Redux 管理应用状态》系列第三篇文章，将介绍我们在使用 Redux 时的困惑，如何重新思考 Redux 定下的范式，以及我们能为此做出的努力。返回第一篇：使用 redux-observable 实现组件自治 本系列的文章地址汇总：使用 redux-observable 实现组件自治 如何实现一个 redux-observab...
292 天前 / icepy
在阅读此篇文章之前，将默认你已经了解 Redux 的一些基础约束，如：action，reducer等，对于在 TypeScript 的世界中使用 Redux ，对于其本身而言（指 Reudx）有很多不同的设计哲学，看于使用者来如何设计它。有些朋友可能喜欢写很原汁原味的mapStateToProps和mapDispatchToProps，如：export de...