react项目样式reset,一些思考

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

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


下一篇:idea2021.2安装后不能打开如何解决?(附无限试用方法)