React/Redux - 在 window.resize 上调度存储

Question

我正在开发一个响应式网站 (React/Redux)，它会在达到指定的断点后立即呈现页面。每次浏览器调用resize-event，我都会更新store。

window.addEventListener('resize', () => {
    store.dispatch(screenResize(...));
});

如果每秒调用多次，有谁知道调度对性能的影响。

Answer 1

因为大概只有在页面实际调整大小时才会调用它，所以它可能不会成为太大的问题。也就是说，作为一般观察，您可能需要考虑限制调度。

另外仅供参考，有一些现有的库可以帮助跟踪 Redux 中的窗口大小。请参阅我的Redux addons catalog 的Use Cases#Page Interaction 部分。