与大家一起在 React 的道路上不断前行，你并不孤单！

现实世界有很多是以响应式的方式运作的，例如我们会在收到他人的提问，然后做出响应，给出相应的回答。在开发过程中我也应用了大量的响应式设计，积累了一些经验，希望能抛砖引玉。 响应式编程（Reactive Programming）和普通的编程思路的主要区别在于，响应式以推（push）…

这是我在 JavaScript 澳大利亚开发者大会（JSConf AU）上演讲内容的文字编辑记录。在 YouTube 上观看整个演讲视频。 幻灯片文本：你好，我曾经构建过非常大型的 JavaScript 应用。 你好，我曾经构建过非常大型的 JavaScript 应用。我不再那…

在前端开发过程中，对性能产生最大影响的因素莫过于DOM的重排重绘了，React作为前端框架领跑者，为了有效解决DOM更新开销的问题，采用了Virtual DOM的思路，不仅提升了DOM操作的效率，更推动了数据驱动式组件开发的形成与完善。一旦习惯了数据驱动式开发，再要求我们使用显…

最近我的好友在写项目的时候经常会抱怨数据的来源，的确对于一个前端来说，数据接口数据资源永远是Mock。网上看很多大神python，node玩的飞起。但自我感觉，并没有一套好的流程方案可以走进我们开发的流程中。为了帮助我的好友并且需要数据的你来说，可以仔细的看看整套流程。因为我也…

如何确保一个组件如期望的工作呢？你可以说：“我都自己手动试过的呀。” 如果你打算对每个组件的每个改动都手动验证的话，或早或晚的，你就会跳过这项苦差事了，而小的瑕疵早晚也会出现。 这就是对组件的自动化验证，也就是单元测试（unit test），为何重要的原因。单元测试保证了每次对…

注意，在 li 标签中间多了一个逗号，这是因为当大括号中的值不是字符串时，会将其转为字符串，比如一个数组 [1, 2, 3] 就会被转为 1,2,3，逗号就是这样产生的。 实现原理很简单，拼合回去然后将多个空白符如换行符、空格等替换成一个空格。 如果使用这种匹配方式，sente…

⚛️React是目前前端社区最流行的UI库之一，它的基于组件化的开发方式极大地提升了前端开发体验，React通过拆分一个大的应用至一个个小的组件，来使得我们的代码更加的可被重用，以及获得更好的可维护性，等等还有其他很多的优点... 通过React, 我们通常会开发一个单页应用（…

React Native vs. Cordova、PhoneGap、Ionic，等等 (待翻译) 如果你是一名设计师，你所在的团队使用(或正在考虑使用)的技术是 React ，或者你只是单纯对 “React” 比较好奇的话，那么本文就是为你而准备的。 在文本中，我只使用朴实的语…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…