React项目开发经验汇总
定义好全局配置信息
环境变量不要提取出来，配置信息提取出来
UI样式变量
定义好变量的作用不用多说
样式库建设
工具样式，复用性强的样式，这些class成为会是真个网站样式的底层，将是很重要的一部分
工具函数
这个也不用多说，超级重要的，日常定义一些好的工具函数，说不定哪天就可以产生一个上万star的工具库了
功能封装
包括上传文件，支付，登录，数据返回处理 等等一系列的操作，其实每次都是一个同样的流程
不同的网站根据复用性的业务不同
面对这种问题，复制粘贴代码肯定是不明智的，我们需要维护一系列的功能复用性的工具
静态文件和icon
管理静态文件总是比较麻烦的，最可怕的就是突然的要求复用某个网页里专属的文件，同时cdn建设也很重要，那么这些公共资源如何管理也是一件很重要的事情
尤其是icon的建设
---------------------------分界线-------------------------
以上是常见的复用功能的做法
以下是react项目开发需要注意的地方
UI库建设
UI库建设被放倒第一位的原因也是理所当然的
UI库建设可能在短期降低了开发效率，提高了维护成本，但长期来看，绝对肯定一定以及百分之百是值得的，建设UI库可以有让人意想不到的效果
更是为了保证换即使设计师也可以该组件库，整个网站风格就变了，还有包括间接性的接入第三方UI库，不要直接接入，否则没准哪一天就不用了
说不准哪天就可以产生一个上万star的UI库了
数据层
和后台交互是一件很重要的事情，网页渲染的数据来源一般出了配置信息以外，就是后端请求的数据了
那么怎么去管理这些数据呢
我在项目中的做法是通过mobx建立一个数据层，组件内是完全不可以请求数据的，只会简单的处理数据，然后映射数据到页面上，这样所有的数据操作便会变得清晰起来，很便于维护
多项目并行开发
多项目并行并不是启动多个项目，而是在一个大项目下，根据耦合情况拆分成多个小项目，小项目之间需要有耦合，包括环境变量，UI组件，工具函数，封装好的功能等。盲目的拆开项目去纯粹的解耦是一件很作死的事情
一个大的项目可能会需要并行很多个小项目，比如说我正在做的建站项目，就会并行代理商，自定义网站的后台，网站前台，编辑器，预览，并行多个项目的时候到底拆不拆总是一个很头大的事情
后端渲染和前端渲染
前端渲染的SEO是比较麻烦的事情，next服务端渲染可能是一个不错的选择，很好的解决了浏览内容类页面的加载问题和seo问题
但是编辑器和后台页面本身却不需要什么seo，所以需要前端渲染和后端渲染同时做。
前后端同构
如果后端是node的话，那么同构是一件很有很有意义的事情
总结
同时做好这么多事情看似很麻烦，只要从基本的开始遵循也很快就会完全适应，
其实也不为其他的，为的是不让自己太辛苦的维护项目
为的是换一个设计师的时候 他不会太累
为的是和后端愉快的沟通
为的是自己对自己的东西心里有数
