【发布时间】：2019-06-21 18:55:21
【问题描述】：
我将使用 PWA 和 React 开发一个跨平台移动应用程序，由于我是这些技术的新手，我想知道让它响应的最好和最简单的方法是什么。
我知道可以使用媒体查询。
https://developers.google.com/web/fundamentals/design-and-ux/responsive/
但与 Bootstrap 相比，它似乎还有更多工作要做，但不幸的是，我找不到任何文档指导我是否可以在同一个项目中使用这三个，或者是否会有任何冲突。
如果您能获得任何有关使 PWA 和 React 项目具有响应性的最佳方法的建议，我将不胜感激。
【问题讨论】：
-
您基本上可以使用所有可用于构建响应式网站的框架。 PWA 只是一个网站，通过定义的 API 可以额外访问设备的某些选定功能。您可以使用任何适合您的框架来使正常的网站具有响应性。
-
非常感谢，我可以为 React 使用 Bootstrap 还是必须使用 React-Responsive 或 React-Media？
-
你可以使用任何你想要的东西。制作响应式网站与制作 PWA 没有真正的区别。但请注意，bootstrap 的某些功能使用了 jQuery，这在某种程度上与 react 处理事物的方式相矛盾。如果你不熟悉这些技术中的任何一种，你应该慢慢开始。使用 react 构建一个网站。如果您觉得有点舒服，请添加另一个框架。不要着急，尝试一下子做所有事情。 React 足够复杂，可以开始使用。 react有一些更好的选择。例如。 material-ui.com 不是由 jQuery 驱动的。
标签： reactjs responsive progressive-web-apps