React 初涉总结

717 阅读3分钟

来新公司开始用 React 已经两个多月了,当然之前我对 React 也不是一无所知的,对 React 的基础语法、JSX、Virtual Dom 都是有一定的了解。之前用过 Angular、Vue,对组件化开发都掌握的很熟练了,但 React 与 Angular、Vue 还是有较大差异的,在使用 React 的过程中看了一些教程,也从 Angular 和 Vue 中汲取了一些经验,对如何写 React 也有了一些自己的经验。

拆分成小组件

React 和 Angular、Vue 一样都是组件化的,甚至使用了 JSX 的 React 在组件化上更加的激进,我们也应该利用这个特性,将项目分成很小的组件。

有时候很小的组件只需要几行,不要担心,这样完全没有任何问题,小的组件可以保证功能的纯粹性,一个组件只做一件事,这样使用起来更加的简单方便,利于重复利用和二次开发,也方便追种错误和修改 bug,但是还是不要忘了写好备注哦!

当然,分成更小的组件会导致过的的文件,使项目显得臃肿,如何架构代码还是要先想清楚!

用新语法

不要老是用 bind 来绑定事件,应该尝试使用新的语法来替代这些丑陋的语法,通过了解高级的语法,有助于了解更多的基础知识。

下面的东西在你的项目中有尝试吗:

  • 复合组件
  • 高阶组件 HOC
  • Render Props
  • Smart/Dumb 组件等等

学会了这些,React 会写起来更舒服。

跟进新版本

React 也是不断的在发布新版本,添加新的特性,祛除旧的特性,让开发人员更好的组织项目代码,所以最好要跟进版本。

就像 React 16.3.0 版本,发布了很多革命性的变更:

  1. Context API
  2. createRef API
  3. forwardRef API
  4. StrictMode
  5. 组件生命周期变更

在 React 16.4.0 中更新了指针事件。

接下来还有异步渲染、缓存等等新的特性,及时了解新的特性,跟进版本对开发人员的技术成长也是很重要的。

新的特性都是经验总结、经过验证才推出的,一定能提高开发上的效率或者安全性等等,对项目有提升是必然的。不要怕用新版本的东西,它只会加快你的开发速度和效率,不会拖累你的。

不要让项目变得复杂

一般一个项目很大就会搞的非常复杂,Redux、Mobx 等等,这些状态管理看起来是使我们的项目更加清晰,但是我们却为这些状态管理浪费了更多的时间。

所以,在我的项目中,能不用状态管理就不用状态管理,尽可能的使项目简单,大的项目拆分成小的项目,小的项目拆分成几个组件,然后继续拆分成更小的组件,数据只应该出现在需要它的地方,而不应该全局。

不要怕重构

不要认为重构是无意义的事情,重构也是非常重要的,因为各种原因,业务的增长、版本库的变更、各种 BUG 的修改等等,代码库会变得臃肿和丑陋,越来越难以维护。所以,一段时间审阅一次代码,调整结构,部分或者全部重构也是非常重要的,不至于到项目项目需要完全推倒重来的地步。

以上就是我这段时间以来写 React 的一些总结,都是比较笼统的,没有具体的代码总结,社区的总结都非常的到位了,我就不拾人牙慧了。有什么问题也请大家多多指点。