flux reflux redux 学习笔记

纯笔记,不是干货...

接触

因为工作的关系,利用国庆期间接触react,发现react的魅力很足。特别是VDOM,让开发专注数据的处理。
react也只是一个很优秀的ui库,并有着越来越强大的学习群体和思想来给其生态增光。

其中就有 flux reflux redux。

flux

123(讲玩了)

我不想花太多时间去谈flux,因为我第一次接触的时候很难说马上就能使用(即使有中文文档),总是这里漏点代码,那里漏点代码。说白了就是view、actions、dispatcher、store需要写很多代码,有点难维护。

但是不可否认,flux的思想是好的,可以把它看成一个底层的东西,在flux之上可以必然会有更优的库出来。比如reflux

reflux

中文版翻译的挺不错。

reflux一口气就读完了,因为文档确实太好了,一步一步的引导你使用各种api。我也没有什么好讲。

使用感觉是比flux少了很多代码,思路也清晰很多。

redux

中文文档
https://ruby-china.org/topics/26944
http://segmentfault.com/a/1190000003503338#articleHeader5

我感受就是redux更简单了,思路越简单越好。

  • 单一store

  • middleware,衍生了强大的devtools

  • 拥抱Smart Components 和 Dumb Components。顶层关心Redux,内部组件“呆滞”只关心props

  • 文档完善,利于团队推广

所以

我最终还是选择了redux。 从github的star数从少于reflux,接近reflux,超越reflux,可见redux是个很好的选择。

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....