hotbear

使用create-react-app创建一个react项目的配置最佳实践，包含eslint，tsconfig，prettier，commitlint等

```mermaid graph LR 1((支付)) 2(选择支付方式) 3{支付方式} 4(白条) 4_1{是否有密码} 4_2(立即支付) 4_3(输入密码支付) 5(现付) 5_0{支付类型}

记录阅读过的文章，方便后续需要review的时候能够快速索引，主要包含一些vue，react，浏览器原理，网络原理，设计模式，编程规范，编程思想等等

React组件的挂载和更新顺序 挂载 结果： 更新 结果： React有哪些框架内提供的hook？ useState useEffect useContext useReducer useCallba

js给对象的某个方法添加mixins 采用了侵入式的方法，给对象新增一个mixins对象，用于保存mixins，然后更改对象的方法为访问器属性，在访问器属性getter中完成mixins逻辑

```js function getPathValue(source, ...paths) { const res = Array(paths.length); function getPathVal

es6遍历对象的5种方法，for...in、Object.keys、Object.getOwnPropertyNames、Object.getOwnPropertySymbols, Reflect..

优化目标：减少组件不必要的diff和重渲染 使用mobx observer 组件状态发生改变，以该组件为根节点的组件树上的所有子孙组件都会进入diff，使用了oberser的组件只有在状态改变时才会d

chalk 在终端可以输出各种颜色的字体的库 semver 一个处理语义化版本的库，功能很多，很强大 fs-extra 一个支持promise链式操作，且更加优雅的操作文件系统的nodejs库 com