修复前面版本的一些问题 在前面2-5分支中，运行后控制台总会出现一些错误。原因就是client目录下app.js和App.jsx的文件名相似引起的。因此我们将app.js重新命名为main.js，然后修改客户端webpa…

引言 项目github仓库地址： https://github.com/mecoepcoo/ts-react-boilerplate 这个系列的文章主要讲述如何从一个空目录建立webpack+react+typescri…

React没有双向通信那么自由，而是单向的，即从父组件到子组件。 父组件->子组件：props 子组件->父组件：callback 子组件->子组件：子组件通过回调改变父组件中的状态，通过props再修…

最近一直在写一个React、Redux的前端项目，登录状态验证这一块还是比较头疼的。 我的实践下有三种方式来验证用户登录状态，目前我选择用三种方式一起用在项目里面。 Redux高阶函数验证（High-Order Func…

1.ES6– 新一代JavaScript标准 1.1 const和let关键字 以前只有全局变量以及函数内部的局部变量，所以以前的局部变量只能定义在函数里面，但是现在不是了，可以通过let关键字来定义局部变量…

3. 组件性命周期 React严厉定义了组件的性命周期，性命周期能够会阅历以下三个历程： 装载历程（Mount）：也就是把组件第一次在DOM树上衬着的历程； 更新历程（Updata）：当组件被从新衬着的历程； 卸载历程（…

react-redux 源码解读 [TOC] 前置知识 阅读本篇文章前，请先确认你是否了解以下知识： react redux 高阶组件 react diff 机制 其中高阶组件如果你不太了解也无所谓，你只需要知道，高阶组…

this.setState是异步，所以在this.setState之后立即调用this.state是获取不到最新的数据的，那么怎么获取最新的数据呢？下面介绍三个方法： 1.回调函数callback this.setSta…

这节开始说回收机制。在这之前把组件的最后一点内容收尾。buildComponentFromVNode相当于updateComponent, 但里面存在替换操作。在替换过程一堆销毁函数出现了。 recollectNodeT…

React入门总结

原文：Our Best Practices for Writing React Components . 这里意译。有些点在之前的文章里提到过：#2译文地址：https://github.com/YutHelloWo&#…

usuallyjs usuallyjs 是一个面向现代 Web 开发的 JavaScript 实用函数库。 usuallyjs 基于 ES6 开发，抛弃了传统 Web 开发中 DOM 和 BOM 操作部分的内容，精选了一…