前面写了《React组件性能优化》《Redux性能优化》《React-Redux性能优化》，但是都没有从这些框架的实现上讲为什么？这次就从源码上来分析一下这些框架的实现原理，以更深入的理解这些框架，并更好的使用它们。 R…

Redux 主要分为三个部分 Action、Reducer、及 Store 原理： view直接触发dispatch； 将action发送到reducer中后，根节点上会更新 state，改变全局view。 本案例以一个…

错误原因 这几天在学习react，跟着慕课网的视频学习。React实战–打造画廊应用（上）React实战–打造画廊应用（下） 在用yeoman最初构建项目，完成后需要启动项目。运行npm star…

个人学习使用react已经有一段时间了，虽然没有在真正的产品项目中大规模使用react，但是在自己的博客、小网站、一些开源项目中已经使用过好几次了，使用react创建项目个人也有了一些心得并且经过尝试验证，总结了这个可以…

两种架构 现在使用React的开发模式主要有两种——freeMarker+React以及纯静态React页面开发。本文着重介绍纯静态React页面的开发方式。 freeMarker+React 由于以前是用YUI+fre…

redux 资料合集 学习redux有段时间了，相关不错的资料整理下，希望能帮到有缘人 五颗星推荐 中文文档 通读不下3边，翻译的很好，想理解清楚redux，定下心来，认真读，必有收获 awesome-redux 官方推…

自己英语一般，水平有限，献上原文地址，还有我翻译的中文地址，欢迎大家勘误 下面是自己的一点感想 先说一下webpack，我们知道，前端优化有这么几步， 第一步 首先呢我们知道，一个应用要依赖好多条js文件，而浏览器加载完…

简单的 基本中间件： const customMiddleware = store => next => action => { if(action.type !== 'CUSTOM_ACT_TYPE'…

JSX简介 JSX(JavaScript XML)是 js 内定义的一套类 XML 语法，可以解析出目标 js 代码，颠覆传统 js 写法。HTML 由浏览器解析，而 JSX 是由 js 解析。当让也可以通过构建工具先解…

Web Components 最近开发阶段当中状态挺糟的, 包括空余时间也很没精神去改个人项目 算是进展的是 Google IO 关于 Polymer 的几个视频, 周末总算看完了 我虽然很讨厌其语法设计, 但不得不承认…

一、Virtual DOM是react的标志。虚拟DOM之所以快有两点原因：1、Javascript运行很快 2、操作真实DOM很慢。DOM操作起来很慢很耗CPU，所以react将DOM直接写进js，再也没有html文件…

自动绑定 bind方法 这个方法可以帮助我们绑定事件处理器内的this,并可以向事件处理器中传递参数。 import React, {Component} from 'react'; class App extends …