react开发pc和移动端项目,如何进行pc端和移动端的文件组织管理,有没有什么比较好的实践?

最近做一个react的个人项目,pc端已经差不多做好,这里可以尝试访问。

现在打算做移动端(不是app,移动端网页)

由于自己的移动端设计稿和pc端上有不少功能组织上的区别,页面变化也非常大,因此不能简单的用c
ss媒体查询搞定,最好是两套单独的组建。

这里我想请问问大家关于这种项目pc端和移动端文件组织和代码重用的实践。

我的想法是这样的:

入口处判断是pc还是移动端,渲染不同的路由组件和根组建。
但是之后的问题在于,自组建pc端和移动端还有很多功能上几乎一样的,如果对于这些一样的功能的组建,用if(pc)render(pcElement)else{render(mobileElement)}这样其实管理起来很不方便,而且还会在最终产品中产生很多冗余代码。另外有的pc端和移动端也并不是只有render不一样。

现在react好想也并不很推荐使用mixin这类,后来又想到高阶组建,但是自己这方面也用的不多,也觉得稍微有点麻烦,不知道这算不算一个好的解决办法。

其实还有关于文件组织的事情,我觉得一个好的文件组织可以提高很多效率,这个方面也希望能有好的案例看看。

所以我在这里想问问大家有没有什么好的案例或者自己好的心得体会,分享一二,我在这里先谢过了~

  • react公共组件怎么提取出来
  • pyenv 还是virtualenv?
  • node.js对于es6的支持报错
  • ng2中的占位符怎么去掉呢
  • vue express 前后端分离 登录验证 与 权限控制问题
  • 用api方式开发web可行吗?
  • 在ionic框架下 就是如果input处于页面下方的时候 点击input页面会弹出视窗
  • form post请求,结果指定到iframe的疑惑
  • linux(ubuntu)安装nodejs 配置/etc/profile 环境变量 遇到问题
  • express 中 promise 处理异常
  • 求问nw.js开发桌面版,其js计算性能如何?