在线预览地址：戳我 GitHub仓库: 戳我，欢迎star 介绍 技术栈为纯React。接下来介绍一些稍微重要的技术点： contentEditable 核心的编辑功能用到了HTML5的 contentEditable 属性，但是在 react 中，你不能直接写下面的这种组件 {代码...} 这会被 react 提示警告： 试想，平时的 react 组件的 children 都是我们写好内容...

基本的heroku配置可以直接参照文档。如果是不需要node来做转发的单纯的create-react-app项目，可以直接参照官方文档的Deploying React with Zero Configuration，顺便附上github项目地址。但是需要node做转发的项目，这个老哥同样给出了解决方案：heroku-cra-node。下面来分析一下究竟是如何配置的。

React 会将所有要显示到 DOM 的字符串转义，防止 XSS。所以，如果 JSX 中含有转义后的实体字符，比如 ©（©），则最后 DOM 中不会正确显示，因为 React 自动把 © 中的特殊字符转义了。

项目一开始使用的是create-react-app创建的，配置的ESLint是用的AlloyTeam的eslint-config-alloy/react， 默认配置已经很合理了，并且每条配置都有相应的说明，只需要再根据个人喜好修改一些rule即可，我个人修改的.eslintrc.json配置如下

在深入react 技术栈一书中，提到了基于Decorator的HOC。而不是直接通过父组件来逐层传递props，因为当业务逻辑越来越复杂的时候，props的传递和维护也将变得困难且冗余。

DOMContentLoaded — 浏览器已经完全加载了HTML，DOM树已经构建完毕，但是像是 <img> 和样式表等外部资源可能并没有下载完毕。