我使用create-react-app开发了一个很大的单页面应用程序
我正在将所有内容迁移到NextJS,主要用于搜索引擎优化目的
我在一个问题上摸不着头脑:处理响应式设计的最佳方法是什么?
在我的create-react-app遗留代码中,我始终保持组件与window.innerWidth同步,并使用它来处理大部分响应(除了由material-ui处理的网格布局)。
但是,由于我们无法在服务器渲染过程中猜出客户端的宽度,那么如何才能避免闪烁?'用户界面?
我们是否需要延迟任何响应式UI逻辑,直到我们可以在客户端上执行?
答案 0 :(得分:0)
解决方案是:
使用javascript来处理响应是不好的做法,如果我们不想浏览器重新流动屏幕上的内容,应该使用css。
如果您使用的是材料-ui,请查看this page