当我们传入id作为index的时候，，点击reverse后，此时的key变成了3，2，1，根据react的diff算法，react还是能分辨出只需要移动子节点即可完成更新，因此input也随之变化。 那说了这么多，其实对于index作为key我们是不推荐的，除非你能够保证他们不…

作为开发人员不能仅仅满足于代码可以工作，而应该让代码更易于编写，阅读和维护，这篇文章介绍了很多 clean code 在 React 应用开发上的最佳实践。

Redux是一个数据管理层，被广泛用于管理复杂应用的数据。但是实际使用中，Redux的表现差强人意，可以说是不好用。而同时，社区也出现了一些数据管理的方案，Mobx就是其中之一。 这是Redux给自己的定位，但是这其中存在很多问题。 首先，Redux做了什么？看Redux的…

这个UnusedComp 组件关心这样的几个props： a, b, c, f(a,b), h(b, c), g(a, c), u(a, b, c), 其中f, h, g, u分别是一个函数。 关于这几个计算的值， 我们应该怎么处理呢？ 这样我们的组件简单了， 只需要直接取值渲…

前一段时间由于React Licence的问题，团队内部积极的探索React的替代方案，同时考虑到之后可能开展的移动端业务，团队目标是希望能够找到一个迁移成本低，体量小的替代产品。经过多方探索，Preact进入了我们的视野。从接触到Preact开始，一路学习下来折损了许多头发，…

前言在过去的一个多月中，为了能够更深入的学习，使用React，了解React内部算法，数据结构，我自己，从零开始写了一个玩具框架。 截止今日，终于可以发布第一个版本，因为就在昨天，我跑通了之前的一个小项目。 详情请阅读原文

首先的猜想是 store 改变后，redux 在某处调用了 setState，通知了 react。 看了下代码发现确实如此，调用 dispatch action 会触发一个 onStateChange 的函数 (这个函数在 connect 的时候就被注册到 store 了, s…

正如生活不总是给予你所需之物，你所用的 API 也不总是支持流式事件。因此，当你需要把一些有时序依赖的状态从服务端同步到客户端时，一个常用的 “曲线救国” 方法就是使用 AJAX 进行接口轮询。我们大部分人都知道使用 setInterval 并不是处理轮询的 “最佳人选”，不过…

vue对于mvvm的实现是基于Object.defineProperty来实现的，对于es6而言有另外一种类似的监视对象属性变化的api,即使用代理Proxy对于这个api不熟悉的开发者可以点击这里利