rainoy

在谈及 Immutable 数据之前，我们先来聊聊 React 组件是怎么渲染更新的。 state 的更新一般是通过在组件内部执行 this.setState 操作, 但是 setState 是一个异步操作，它只是执行将要修改的状态放在一个执行队列中，React 会出于性能考虑…

之前放假在家的时候，群里有一个朋友问我，有没有无缝轮播的思路，百度了一下，原来无缝轮播指的是传统轮播图中最后一张轮播图下一张是第一张轮播图，不会穿过中间的轮播图。 其实思路是很简单的，但是仔细一想这里有个不好的点，就是这句代码。 我们移动了装载图片的容器造成左移，但是最后又把它…

不久之前 Bertalan Miklos 写了一篇很好的博文，比较了 MobX 和基于 proxy 的 NX-framework。这篇博文不仅证明了 proxy 的可行性，更好之处在于其触及了 MobX 中一些非常基础但通常又被隐藏的概念。迄今为止我还尚未详细阐述过这些概念，所…

Web应用中，事件处理是重要的一环，事件处理将用户的操作行为转换为相应的逻辑执行或界面更新。在React中，处理事件响应的方式有多种，本文将详细介绍每一种处理方式的用法、使用场景和优缺点。 点击Button的事件响应函数是一个匿名函数，这应该是最常见的处理事件响应的方式了。这种…

本文讲解了如何合理使用rebase命令使我们的提交历史干净、简洁！

在服务端 ssr 成为常识的今天，前端 ssr 是我最近的新尝试，效果可以点击上面链接查看。说说前端 ssr 有哪些好处：不消耗服务器资源。对，不消耗服务器资源，完美的分布式运行！对于百万 UV 甚至更高的页面，服务器成本减少了几十万或者上百万。前后端分离，首先 ssr 不...

你从许多渠道中了解到，你应该使用Immutable。你也想去使用，但是不确定为什么去使用。而当你去看官方 文档 时，映入你眼帘的第一个代码片段是： 你会想：呃...还是算了吧。 这是一篇简单、快速帮你入门Immutable的文章，绝对不会让你失望。 一年前，在Pilcro，我向…

写出更好的 React 代码的 9 条实用提示：了解代码检查、propTypes、PureComponent 等。 使用 React 可以轻松创建交互式界面。为应用中的每个状态设计简单的视图，当数据变化时，React 会高效地更新和渲染正确的组件。 这篇文章中，我会介绍一些使你…

Web应用中，事件处理是重要的一环，事件处理将用户的操作行为转换为相应的逻辑执行或界面更新。在React中，处理事件响应的方式有多种，本文将详细介绍每一种处理方式的用法、使用场景和优缺点。 点击Button的事件响应函数是一个匿名函数，这应该是最常见的处理事件响应的方式了。这种…