15 小时前 / 闲鱼技术
前言 开源地址：https://github.com/alibaba/fish-redux 我们在使用fish-redux构建应用的时候，界面代码（view）和事件的处理逻辑（reducer，effect）是完全解耦的，界面需要处理事件的时候将action分发给对应的事件处理逻辑去进行处理，而这个分发的过程就是下面要讲的dispatch，通过本篇的内容，你可以更深刻的理解一个action是如何一步步去进行分发的。 从example开始 为了更好的理解action的dispatch过程，我们就先以todolistpage中一条todo条目的勾选事件为例，来看点击后事件的传递过程，通过断点debug我们很容易就能够发现点击时候发......
42 天前 / 闲鱼技术
阿里妹导读：目前，跨平台、高性能的渲染引擎逐渐成为大前端领域的一个热点。作为其中的明星， Flutter有很大的机会成为下一代主流的跨端解决方案。闲鱼技术基于Flutter 深耕，开源了2亿用户背后的Flutter应用框架：Fish Redux。接下来，我们就一起深入解读 Fish Redux ，了解它的函数式的编程模型、可预测的状态管理、可插拔的组件体系、最佳的性能表现。 此外，今天晚上，闲鱼工程师将做客阿里技术直播间，与你聊聊移动开发和Fish Redux，欢迎观看。 开源地址 https://github.com/alibaba/fish-redux 3月6日（周三）......
43 天前 / 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;它只负责组件的展示而不需要关注页面逻辑问......
49 天前 / yvonne
由于一直用业界封装好的如redux-logger、redux-thunk此类的中间件，并没有深入去了解过redux中间件的实现方式。正好前些时间有个需求需要对action执行时做一些封装，于是借此了解了下Redux Middleware的原理。* 中间件概念首先简单提下什么是中间件，该部分与下文关系不大，可以跳过。来看眼这个经典的图。 不难发现： 不使用middleware时，在dispatch(action)时会执行rootReducer，并根据action的type更新返回相应的state。而在使用middleware时，简言之，middleware会将我们当前的action做相应的处理，随后再交付rootReducer执行。简单实现原......
64 天前 / 冷星1024
首发于与时舒卷写文章Vuex、Flux、Redux、Redux-saga、Dva、MobXjnoodle三观正，格调高667 人赞了该文章这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前，大家要始终记得一句话：一切前端概念，都是纸老虎。不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个组件的状态，都是共享状态。 父子组件之间，兄弟组件之间共享状态，往往需要写很多没有必要的代码，比如把状态提升到父组件里，或者给兄弟组件写一个父组件，听......
84 天前 / 子曰五溪
首发于我们可以学更多写文章在 Flutter 使用 Redux 来共享状态和管理单一数据五溪ICEPY给你的生活加点阳光 :)4 人赞了该文章React 生态里广为人知的 Redux 状态管理，其实在 Flutter 中也能适用，它能很好的处理单一数据和状态共享，在一定程度上对于分割项目之间复杂的业务有一定的积极作用，可阅读可维护也能做的很不错。对于使用过 React 的前端开发来说 Redux 的概念肯定熟记于心了，不过我还是要简单说一些东西，只有这样我们才能更好的进入下一个环节。 Redux 主要由三个部分组成：Store，Action，Reducer Action 用于定义数据变化的行为（......
184 天前 / 秦小风啊
本文是 《使用 RxJS + Redux 管理应用状态》系列第三篇文章，将介绍我们在使用 Redux 时的困惑，如何重新思考 Redux 定下的范式，以及我们能为此做出的努力。返回第一篇：使用 redux-observable 实现组件自治 本系列的文章地址汇总：使用 redux-observable 实现组件自治 如何实现一个 redux-observab...
199 天前 / icepy
在阅读此篇文章之前，将默认你已经了解 Redux 的一些基础约束，如：action，reducer等，对于在 TypeScript 的世界中使用 Redux ，对于其本身而言（指 Reudx）有很多不同的设计哲学，看于使用者来如何设计它。有些朋友可能喜欢写很原汁原味的mapStateToProps和mapDispatchToProps，如：export de...
218 天前 / Yeming
作者 |张鹏Android 程序员，关注大前端各种新兴技术。在我们的一款小程序中聊天部分主要是基于 Redux 来维护数据部分的。为什么使用了 Redux ？这也是符合了使用 Redux 的一些原则的。那么哪些情况使用 Redux 比较好呢？ 用户的使用方式复杂 不同身份的用户有不同的使用方式（比如普通用户和管理员） 多个用户之间可以协作 与服务器大量交互...
262 天前 / 异步社区
概述随着应用程序单页面需求的越来越复杂，应用状态的管理也变得越来越混乱，而Redux的就是为解决这一问题而出现的。在一个大型的应用程序中，应用的状态不仅包括从服务器获取的数据，还包括本地创建的数据，以及反应本地UI状态的数据，而Redux正是为解决这一复杂问题而存在的。redux作为一种单向数据流的实现，配合react非常好用，尤其是在项目比较大，逻辑比较复...
282 天前 / answer518
为什么要实现服务端渲染(SSR)总结下来有以下几点：SEO，让搜索引擎更容易读取页面内容首屏渲染速度更快（重点），无需等待js文件下载执行的过程代码同构，服务端和客户端可以共享某些代码今天我们将构建一个使用Redux的简单的React应用程序，实现服务端渲染(SSR)。该示例包括异步数据抓取，这使得任务变得更有趣。如果您想使用本文中讨论的代码，请查看GitH...