新搭建的个人博客，本文地址：React学习笔记6：使用react-redux更好的组织react和redux好久没有更新，一是最近太忙，二是redux我理解没那么深，从面相对象架构，要转变为函数式编程架构，以至于细节点拿…

注：这篇文章只是讲解React Redux这一层，并不包含Redux部分。Redux有计划去学习，等以后学习了Redux源码以后再做分析注：代码基于现在(2016.12.29)React Redux的最新版本(5.0.1…

下面是react官方文档的个人翻译，如有翻译错误，请多多指出原文地址：https://facebook.github.io/re…特别感谢Hevaen，同时也向豪大React群所有成员表示感谢，从你们身上我学…

react作为当前十分流行的前端框架，相信很多前端er都有蠢蠢欲动的学习它的想法。工欲善其事，必先利其器。这篇文章就简单的给大家介绍一下如何我快速的搭建一个react前端开发环境。主要针对于react小白，大神不喜勿喷。…

shallow rendering可以把组件当做一个单元来测试，而且确保不会因为子组件的行为而直接出现断言（Shallow rendering is useful to constrain yourself to tes…

State和生命周期 考虑前面部分中的滴答时钟示例（第三章）。到目前为止，我们只学习了一种更新UI的方法。我们调用ReactDOM.render()来改变渲染输出： import React from 'react'; …

新搭建的个人博客，本文地址：React学习笔记1：环境搭建 本文的书写环境为mac，之后会补充windows下的差异 1、创建学习目录 mkdir learn cd learn 2、npm初始化项目 npm init /…

十二、深入理解JSX 从根本上讲，JSX就是提供了一个React.createElement(component, props, ...children)函数的语法糖。就像下面的JSX代码： <MyButton c…

虽然react使用的jsx可以html和js混编，但是这里的html用的时候有的地方还是和原来的习惯不太一样。这里汇总一些我已经遇到的不一样，还有其他要注意的地方 要给jsx中的html加class时，不能直接class…

JSX基本语法 元素属性 class 属性改为className;for属性改为htmlFor; Javascript属性表达式 属性值要使用表达式，只要用{}替换””即可。 HTML转义 Rea…

reducer(归纳函数) reducer(归纳函数)这种函数的名称，是由数组的一个迭代方法reduce(归纳)而来，你可以参考MDN中的相关说明: 在JS语言中的数组reduce(归纳)这个方法是一种应用于特殊情况的迭…

现在react大红大紫，但它也有一个致命的缺陷，就是依赖于babel编译。随着浏览器的进化，react社区的许多语法糖都可以直接用，但jsx这个facebook的私货则没有办法了。换言之，jsx是我们直接用react的最…