我的团队是应该为移动和Web使用单独的组件库还是为两者使用统一的跨平台组件库？

Question

我不确定是否使用单独的React组件库一个用于移动设备，一个用于Web，或者是否使用样式化组件创建统一的组件库并对本机Web做出反应。

我想知道你们将两者混合在一起或分开各自的经历是什么？优点/缺点，您遇到的任何问题？你有什么建议？为什么？似乎无法就此达成共识，因此提出了问题。

Answer 1

虽然移动跨平台解决方案现在非常成熟和稳定，尤其是React Native，但是统一移动和网络的解决方案仍处于建设模式中，例如，您发现react-native-web的情况较少。

一般规则是您构建更多特定工具所需的自定义和非标准应用程序越多。所以在作出决定之前我肯定会问自己这三个问题：

• 网络功能与移动功能相同吗？它们越相似，对于所有这些代码库，选择一个代码库的选择就越合理，
• 您需要在应用程序中使用多少本机模块或Web特定功能？越少越好。假设您需要使用CSS创建一些魔法，但是嘿，有no CSS in React Native并且您需要的某些属性可能会丢失，
• 你需要包含多少动画？越少越好。动画在移动设备和网络上以固有的不同方式完成，因此填补该空白的库越少。

当使用styled-components用于Reactjs和React Native时，您可以在某种程度上重用组件。你不会在React Native方面找到div而是获得View。

您还可以考虑将Expo用于移动应用程序，以便更轻松地进行开发和部署，只需查看this page first即可。