今天,我们要讲解的是React 与 Redux 服务端渲染。个人认为,React击败Angular1的真正”杀手锏”就是服务端渲染。我们为什么要实现服务端渲染,主要是为了首屏渲染速度和SEO。
React 与 Redux 教程(五)异步、单一state树结构、componentWillReceiveProps
今天,我们要讲解的是异步、单一state树结构、componentWillReceiveProps这三个知识点。
React 与 Redux 教程(四)undo、devtools、router
上节课,我们介绍了一些es6的新语法:React 与 Redux 教程(三)reduce()、filter()、map()、some()、every()、…展开属性
今天我们通过解读redux-undo的官方示例代码来学习,在Redux中使用撤销功能、devtools功能、以及router。
React 与 Redux 教程(三)reduce()、filter()、map()、some()、every()、...展开属性
reduce()、filter()、map()、some()、every()、…展开属性这些概念属于es5、es6中的语法,跟React+Redux并没有什么联系,我们直接在https://developer.mozilla.org/en-US/ 这里可以搜索到相关api文档。
但是Redux的官方示例中包含了这些语法的用法,我们正好可以在程序中学习这些语法。这里全部默认使用es6的写法。
React 与 Redux 教程(二)Redux的单一状态树完全替代了React的状态机?
上篇React 与 Redux 教程,我们讲解了官方计数器的代码实现,React 与 Redux 教程(一)。我们发现我们没有用到React组件本身的state,而是通过props来导入数据和操作的。
我们知道React本身是个状态机,也就是说组件是state的表现形式。那么Redux提供了一个全局的唯一的状态树,是不是就不需要组件本身的state了呢?
React 与 Redux 教程(一)connect、applyMiddleware、thunk、webpackHotMiddleware
今天,我们通过解读官方示例代码(counter)的方式来学习React+Redux。
r.js结合gulp等于webpack(angular为例)
本人大学时玩Dojo,开始了AMD模块化的不归路,工作后一直使用Requirejs,感觉非常好。但是,近来随着React的火热,Webpack成为了天下无敌的模块化工具,能做模块化,合并压缩,监视等,当我看见Webpack甚至还能做反向代理的时候,我整个人都不好了。我已经打算从Requirejs转向Webpack了,在重构以前老代码的时候,我想记录下历史。使用r.js结合gulp同样可以实现Webpack的绝大部分功能。
React+Reflux入门教程
为了简化React的Flux带来的冗余操作,社区的同仁们给我们带来了很多优秀的轮子,诸如Redux,Reflux等。今天我们就通过逐行讲解代码实例的方法,感受一番Reflux的设计之美。
Angular开发者吐槽React+Redux的复杂:“一个demo证明你的开发效率低下”
曾经看到一篇文章,写的是jQuery开发者吐槽Angular的复杂。作为一个Angular开发者,我来吐槽一下React+Redux的复杂。