NextJS 和响应式设计
NextJS and Responsive Design
我已经使用 create-react-app 开发了 quite 一个大型单页应用程序。
我正在将所有内容迁移到 NextJS，主要用于 SEO。
我在为一个问题摸不着头脑：处理响应式设计的最佳方式是什么？
在我的 create-react-app 遗留代码中，我始终保持组件与 window.innerWidth 同步，并使用它来处理大部分响应（除了由 material 处理的网格布局-ui).
但是由于我们无法在服务器渲染期间猜测客户端的宽度，那么如何避免 UI 的 'flicker'?
我们是否需要延迟任何响应式 UI 逻辑，直到我们可以在客户端上执行？
解决方法是：
使用 javascript 来处理响应是不好的做法，如果我们不想浏览 re-flow 屏幕上的内容，则应使用 css。
如果您使用的是 material-ui，请查看 this page
我已经使用 create-react-app 开发了 quite 一个大型单页应用程序。
我正在将所有内容迁移到 NextJS，主要用于 SEO。
我在为一个问题摸不着头脑：处理响应式设计的最佳方式是什么？
在我的 create-react-app 遗留代码中，我始终保持组件与 window.innerWidth 同步，并使用它来处理大部分响应（除了由 material 处理的网格布局-ui).
但是由于我们无法在服务器渲染期间猜测客户端的宽度，那么如何避免 UI 的 'flicker'?
我们是否需要延迟任何响应式 UI 逻辑，直到我们可以在客户端上执行？
解决方法是：
使用 javascript 来处理响应是不好的做法，如果我们不想浏览 re-flow 屏幕上的内容，则应使用 css。
如果您使用的是 material-ui，请查看 this page