1. 注释 2. 引用组件顺序 3. 引号 4. 缩进 5. 分号 除了代码块的以外的每个表达式后必须加分号。 6. 括号 下列关键字后必须有大括号（即使代码块的内容只有一行）：if, else, for, while, do, switch, try, catch, fina…

Using mobx to Saving Your Life... 在开发中大型应用的时候,与 React 配合使用的数据状态管理库除了有 Redux, 我们还有了新选择 -- Mobx, Mobx 是一款提供函数响应式编程的数据状态管理库, 相比于 Redux 的复杂而沉重,…

将数据视为不可变，将给你带来很多好处。事实上，这是也React背后的原理：React的元素是不可变的。 我要把第50,005条任务的completed改为ture。 这项操作运行了134ms。 为什么用了这么长时间呢？因为当使用Object.assign，JavaScript会…

1、后端接口和文档完整，大家都知道开发一个产品绝不仅仅是前端一个人的活，需要花大量的时间和后端沟通，商讨数据接口的形式，最终做成文档并以此为依据开发。而现在github已经有非常成熟的抓取网易云音乐服务端的接口，不仅在与时俱进地不断更新接口，而且文档写的也非常完善，用这样的真实…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…