文中介绍了接手维护一个中型 React 历史项目时的一系列改进实践，包括模块结构拆分、业务逻辑梳理、Webpack 打包优化等。

整理基于 React 项目开发中的开发环境以及数据流管理方面的概要。

开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。

《React in patterns》是一本非常棒的 React 开源书 GitHub 上有将近 9k 的 stars 注: 此书并非 React 入门书，而是作者对 React 的一些思考与理解

一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件，也有表格（Table），日期选择器（DatePicker），轮播（Carousel）等自成一体的复杂组件。 这里我们提出一个组件复杂度的概念，一个组件复杂度的主…

本来准备写一篇完整的文章介绍下我司的 React Native 整体方案的实践，但是下笔之后发现话题实在太多太长，很难写成一篇观点集中的文章，所以计划分几篇文章来介绍，希望对正在或者准备在 RN 上搞事情的同学有所启发，另外一定要根据自己的业务场景来考虑问题，切勿人云亦云，不知…

React 最早起源于 Facebook 的一个内部项目，因为公司对现有的 JavaScript MVC 框架都不满意，就决定自己开发一套，用来架设 Instagram 的网站。开发完成后，发现这套东西很好用，就在2013年5月开源了。 首先：虚拟 DOM，在 DOM 树的状态…

CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。 利用 text-align: center 可以实现在块级元素内部的…

虽然花了近十年的标准化工作才走到这一步，ES 模块终于为 JavaScript 带来了正式的，标准化的模块系统。 漫长的等待终于要结束了，随着即将在五月发布的 Firefox 60 (目前尚处于 beta 版本中)，所有的主流浏览器都即将支持 ES 模块，并且 Node 模块工…