Universal-webpack 帮助搭建用于同构，即同时可以在客户端和服务端使用的Webpack。 Demo 我的Demo：universal-webpack + koa + react + webpack。官方De…

组件化是前端框架一个重要的思想，也是让我们偷懒的一个方法之一，?。 想象我们在写前端页面的时候，页面中的有些元素肯定是会被重复使用的。那么我们需要把这些元素打包成一个东西来重复使用，那么这个就是组件。 React中组件就…

接上文， React流程图：https://bogdan-lyashenko.gith… ‘脏’组件 从流程图里能看出，React会遍历dirtyComponents数组，并在事务中调用ReactUpdate…

为了折腾， 简单的学习了下TypeScript, 感觉确实不错。 也为了不断学习， 避免落伍， 所以就折腾不断。 前段时间用ES6，antd+dva写了一些demo, 发现antd使用TypeScript实现的，而且an…

redux源码解析 什么是redux Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 为什么需要使用redux 提供了和双向绑定思想不同的单向数据流，应用状态可以预测，可以回溯，易于调试。使用r…

21 分钟学 apollo-client 是一个系列，简单暴力，包学包会。 搭建 Apollo client 端，集成 redux使用 apollo-client 来获取数据修改本地的 apollo store 数据提供…

受控组件 在React中，每当表单的状态发生变化时，都会被写入到组件的state中，这种组件在React被称为受控组件。受控组件中，组件渲染的状态与它的value或者checked相对应。React通过这种方式消除了组件…

环境准备 为了方便，这里使用create-react-app搭建react环境 create-react-app mydemo 弹出配置 如果需要自定义react的配置，需要运行下面的命令把配置文件弹出来。 npm ru…

路由 通过 URL 映射到对应的功能实现，React 的路由使用要先引入 react-router.js。 注意： react-router 4.0 以上的版本和 3.0 及以下的版本有很大的差别，本教程使用的是 3.0…

什么是高阶组件 话不多说，先看官方释义： Concretely, a higher-order component is a function that takes a component and returns a n…

react-demo 两个目标： 手动搭建react脚手架：react、bable、webpack、react-router-dom、webpack-dev-server 理解webpack从无到有打包原理 手动搭建re…

1. Component生命周期 生命周期 调用次数 能否使用 setSate() getDefaultProps 1(全局调用一次) 否 getInitialState 1 否 componentWillMount 1…