NextJS 和响应式设计

Question

我使用 create-react-app 开发了一个相当大的单页应用程序。
我正在将所有内容迁移到 NextJS，主要是出于 SEO 目的。
我在一个问题上摸不着头脑：处理响应式设计的最佳方法是什么？
在我的 create-react-app 遗留代码中，我始终保持组件与 window.innerWidth 同步，并使用它来处理大部分响应能力（由material-ui 处理的网格布局除外）。
但由于我们无法在服务器渲染期间猜测客户端的宽度，那么如何避免 UI 的“闪烁”呢？
我们是否需要延迟任何响应式 UI 逻辑，直到可以在客户端上执行为止？

Answer 1

解决方案是：
使用 javascript 来处理响应性是不好的做法，如果我们不想浏览器重新流动屏幕上的内容，则应该使用 css。
如果您使用的是material-ui，请查看此页面