经历了EXT、YUI时代,又经历了Angular时代,我们正在步入React时代。 前端开发框架凭借JS极其灵活强大的特性模样越来越“怪异”,正是这怪异让我们对前端开发把玩不尽。 好吧,说把玩这些技术有些过于装13了。当牛逼哄哄的React如雷贯耳之时,我们最关心的还是它能不能用在我们的项目里 ...
现代web页面里到处都是ajax,所以处理好异步的代码非常重要。 这次我重新选了个最适合展示异步处理的应用场景 搜索新闻列表。由于有现成的接口,我们就不用自己搭服务了。 我在网上随便搜到了一个新闻服务接口,支持jsonp,就用它吧。 一开始,咱们仍然按照action gt reducer gt components的顺序把基本的代码写出来。先想好要什么功能, 我设想的就是有一个输入框,旁边一个搜索 ...
2016-03-17 22:10 9 6602 推荐指数:
经历了EXT、YUI时代,又经历了Angular时代,我们正在步入React时代。 前端开发框架凭借JS极其灵活强大的特性模样越来越“怪异”,正是这怪异让我们对前端开发把玩不尽。 好吧,说把玩这些技术有些过于装13了。当牛逼哄哄的React如雷贯耳之时,我们最关心的还是它能不能用在我们的项目里 ...
先弄个什么例子呢?如果是现代的MVVM框架,可能会用双向绑定来吸引你。那react有双向绑定吗? 没有。 也算是有吧,有插件。不过双向绑定跟react不是一个路子的。react强调的是单向数据流。 当然,即便是单向数据流也总要有个数据的来源,如果数据来源于页面自身上的用户输入,那效果也就 ...
接着上回新闻搜索的例子。现在我们要通过路由进入一个新的页面来查看新闻详细内容。 react和路由并没有什么直接关系,用什么路由都可以。不过使用react-router可以让我们的代码风格统一, 并且有些工具使用起来很方便。 先来安装react-router库(我目前安装的版本是2.0.1 ...
,webpack让前端模块化得淋漓尽致。我们的目标是要把react用起来,并且是很舒坦的用起来,所以我觉得这节并 ...
回顾一下Redux的数据流转,用户点击按钮发送了一个action, reducer 就根据action 和以前的state 计算出了新的state, store.subscribe 方法的回调函数中 store.getState() 获取新的state, 把state 注入到页面元素中,实现 ...
redux 提供了类似后端 Express 的中间件概念。 最适合扩展的是redux中的 store.dispatch 方法,中间件实际就是通过 override redux的store.dispatch() 完成 将 action -> reducer 过程变为 action -> ...
是 Redux 中 applyMiddleware(...middlewares) 的效果,接收一个中间件数 ...
的流程大致如下:React ——> React + redux + React-redux —— ...