Redux
文章平均质量分 89
chanzhu
每个代码都有一段故事
展开
-
Redux 核心概念
http://gaearon.github.io/redux/index.html ,文档在 http://rackt.github.io/redux/index.html 。本文不是官方文档的翻译。你可以在阅读官方文档之前和之后阅读本文,以加深其中的重点概念。 根据该项目源码的习惯,示例都是基于 ES2015 的语法来写的。 Redux 是应用状态管理服务。虽然本身受到了 Flux原创 2017-03-22 11:28:44 · 540 阅读 · 0 评论 -
Redux 入门教程(一):基本用法
React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。有两个方面,它没涉及。 代码结构 组件之间的通信 对于大型的复杂应用来说,这两方面恰恰是最关键的。因此,只用 React 没法写大型应用。 为了解决这个问题,2014年 Facebook 提出了 Flux 架构的概念,引发了很多的实现。2015年,Redux 出现,将 Flux 与函数式原创 2017-03-22 11:33:31 · 323 阅读 · 0 评论 -
Redux 入门教程(二):中间件与异步操作
一、中间件的概念 为了理解中间件,让我们站在框架作者的角度思考问题:如果要添加功能,你会在哪个环节添加? (1)Reducer:纯函数,只承担计算 State 的功能,不合适承担其他功能,也承担不了,因为理论上,纯函数不能进行读写操作。 (2)View:与 State 一一对应,可以看作 State 的视觉层,也不合适承担其他功能。 (3)Action:存放数据的对象,原创 2017-03-22 11:42:57 · 336 阅读 · 0 评论 -
Redux 入门教程(三):React-Redux 的用法
为了方便使用,Redux 的作者封装了一个 React 专用的库 React-Redux,本文主要介绍它。 这个库是可以选用的。实际项目中,你应该权衡一下,是直接使用 Redux,还是使用 React-Redux。后者虽然提供了便利,但是需要掌握额外的 API,并且要遵守它的组件拆分规范。 一、UI 组件 React-Redux 将所有组件分成两大类:UI 组件(pres原创 2017-03-22 11:46:13 · 560 阅读 · 0 评论 -
实例讲解基于 React+Redux 的前端开发流程
前言:在当下的前端界,react 和 redux 发展得如火如荼,react 在 github 的 star 数达 42000 +,超过了 jquery 的 39000+,也即将超过前几年比较火的angular 1 的 49000+;redux 的 star 数也要接近 20000,可见大家对其的热情程度,究竟是什么魔力让大家为之疯狂呢?让我们上车,亲自体验一波试试~~本文章偏向于讲解redux流原创 2017-03-22 11:55:05 · 1632 阅读 · 1 评论 -
React-redux开发之echarts组件封装
谈一下react开发如何使用echarts。 echarts是个好东西,很强大的配置功能,很多开发者都在使用它。那么在react里面如何去调用echarts?如何封装echarts呢? react开发者,首先会想到的是上github搜索“react echarts”,然后找最多start的那个插件,比如“echarts-for-react”,那么,我们是不是真的有必要用插件来做呢?原创 2017-03-22 14:31:30 · 3386 阅读 · 0 评论 -
如何用React+Redux+ImmutableJS进行SPA开发
使用React + Redux + Immutable.js进行富客户端的开发是云莱坞在2016-2017年进行前端研发的基本技术栈,但不意味着在任何时候对它进行滥用,应该至少满足如下三个条件: 数据集合较庞大、数据关联性较强业务流程较复杂绝大多数子业务可被抽象为复用的视图或者组件 因此,比如一个简单的静态页面、一个虽然数据项很多但是仅仅为纯表单的页面都不满足上述条件,因此不建原创 2017-03-22 14:35:02 · 2275 阅读 · 0 评论