[JavaScript知识库]react项目样式reset，一些思考

项目的结构千变万化，万变不离其宗。

1. 初入手react，觉得react甚为麻烦，用了一段时间之后，才体会到其中的妙处。vue是很清晰的数据和dom分离，react的JSX让一些操作更方便。
2. 在项目的结构上，一定要思考什么是公共的组件，如何抽取，如何封装。很多时候，开发的时候，很容易出现的一个问题，就是需要什么组件就开始编写一个很复杂的组件，比如说，封装一个chart图表，页面中展示的有一些其他标题什么的，做的时候就直接封装进去，后期再有新的标题样式就不敢再维护了。组件的封装应该是有层级的，从基础的开始，一层一层抽象出来，非常利于后期的维护，就像刚才说的一个带有 title的组件，可以做的是把title和图表拆分成两个组件，组合起来新的组件用在页面中，也可以直接在页面单独引用两个组件来写。后期变化的时候就只改变基础组件，考虑好情况，不影响已使用的页面。
3. 如何抽取公共组件？用的很多的，一定要抽取到最基础和最全面的组件状态。方便管理后期的样式和内容的增加删除，
4. 标签内的style可以尽量少用，可以抽取出公共的类。有颜色的，一定要考虑整体的页面色号定义，在公共文件定义好，使用less的变量引用，实在特殊的单独定义。
5. 控制好api管理，简单基础的数据就不写那么多复杂的步骤了。