以input事件为例： html代码： <Input placeholder="电子邮箱" value={this.state.addEmail} onChange={this.addInputChange} on…

在React里面有两种组件, Class components(类组件) 和 Functional components(函数式组件).两者有明显的区别,比如 Class Components 是属于ES6的类 Func…

React 在Web开发中，要将更新的数据实时反映到UI上，就不可避免地需要对DOM进行操作，而复杂频繁的DOM操作通常是产生性能瓶颈的原因之一。为此，React引入了Virtual DOM机制。Virtual DOM实…

What is Context 今天在学习styled-components的Theming时，关于styled-components对主题的实现与管理上提到，主要应用到了react的context API，所以好好研读…

Object.assign 是什么？ 此处直接复制mdn文档的内容如下： The Object.assign() method is used to copy the values of all enumerable o…

cxj-react-image 用法如下： yarn add cxj-react-image // npm i cxj-react-image import ImageModal from 'cxj-react-imag…

首先理解ReactElement和ReactClass的概念。想要更好的利用react的虚拟DOM，diff算法的优势，我们需要正确的优化、组织react页面。 理解ReactElement和ReactClass的概念 …

react作为当前非常盛行的前端框架，置信许多前端er都有捋臂张拳的进修它的主意。工欲善其事，必先利其器。这篇文章就简朴的给人人引见一下怎样我疾速的搭建一个react前端开辟环境。重要针对于react小白，大神不喜勿喷。…

1.create-react-app 2.自定义设置项 // bash npm run eject 导出scripts后npm install从新下载依靠 3.自定义打包途径 // path.js // 37行pathn…

缘由 在开发项目的过程中，大家多多少少会对自己项目的目录结构产生疑惑，如何合理地划分模块以及如何合理的命名，这些如果在项目前期的时候没有好好规范好的话，那么后面新进来的人便会按照自己的逻辑又重新在划分自己的目录，这样日复…

前端应用消失的部分 一个现代的、使用了redux的前端应用架构可以这样描述： 一个存储了应用不可变状态（state）的store 状态（state）可以被绘制在组件里（html或者其他的东西）。这个绘制方法通常是简单而且…

引言 在使用react做复杂的spa开发中,开发中必不可少的就是react-router,它使用Lerna管理多个仓库, 在browser端常使用的几个如下所示 react-router 提供了路由的通用核心功能,容易搞…