原文发表于【抹桥的博客-基于 React 的前端项目开发总结】 技术选型 我们的项目主要选用以下技术开发，再配合一些其它辅助工具。 react react-router redux react-redux 开发及线上环境 开发环境 由于项目是前后端分离的，所以我们需要一套完整的开发环境，需要包括以下功能： 数据 Mock Webpack 实施编译刷新 方便前后...

本文发布于 我的博客 最近对团队内部 React 组件库（ne-rc）中的 Form 组件进行了重构，记录一下思考的过程。 一些前置定义： 名词 定义 表单 Form 组件 子表单 嵌套在 Form 下面的类似 Input, Select 这样的子组件 首先我们看一下，我们的对 Form 组件的需求是什么。 获取当前变动表单的状态 校验所有必填表单是否填写...

就像之前 理念页面 中解析的细节那样，动态模块替换（HMR）会在应用运行时动态的替换、添加或者删除模块而不用重新刷新页面。 HMR 非常有用，当应用只有一个状态树（single state tree）时。

代码分割是 webpack 中最引人注目的功能之一。它允许你把代码分割成各种可以根据需求载入的代码包，就像一个用户浏览器去匹配路由一样，或者一个用户发出的事件。这允许你小的模块，允许你控制资源的载入优先级，如果使用得当的话，可以大大影响（降低）你应用的加载时间。

我们都知道 JavaScript 是一门基于原型的语言。当我们调用一个对象本身没有的属性时，JavaScript 就会从对象的原型对象上去找该属性，如果原型上也没有该属性，那就去找原型的原型，一直找原型链的末端也就是 Object.prototype 的原型 null。这种属性查找的方式我们称之为原型链。

公司 Pc 端以前遗留的项目，都是基于 jekyll+ruby-sass 这一套比较老的技术搭建的。不过 jekyll 的模版继承加上 sass 强大预处理能力，同时配合 Grunt 做任务管理，一切还是很得心应手的。