来新公司开始用 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 版本,发布了很多革命性的变更:
- Context API
- createRef API
- forwardRef API
- StrictMode
- 组件生命周期变更
在 React 16.4.0 中更新了指针事件。
接下来还有异步渲染、缓存等等新的特性,及时了解新的特性,跟进版本对开发人员的技术成长也是很重要的。
新的特性都是经验总结、经过验证才推出的,一定能提高开发上的效率或者安全性等等,对项目有提升是必然的。不要怕用新版本的东西,它只会加快你的开发速度和效率,不会拖累你的。
不要让项目变得复杂
一般一个项目很大就会搞的非常复杂,Redux、Mobx 等等,这些状态管理看起来是使我们的项目更加清晰,但是我们却为这些状态管理浪费了更多的时间。
所以,在我的项目中,能不用状态管理就不用状态管理,尽可能的使项目简单,大的项目拆分成小的项目,小的项目拆分成几个组件,然后继续拆分成更小的组件,数据只应该出现在需要它的地方,而不应该全局。
不要怕重构
不要认为重构是无意义的事情,重构也是非常重要的,因为各种原因,业务的增长、版本库的变更、各种 BUG 的修改等等,代码库会变得臃肿和丑陋,越来越难以维护。所以,一段时间审阅一次代码,调整结构,部分或者全部重构也是非常重要的,不至于到项目项目需要完全推倒重来的地步。
以上就是我这段时间以来写 React 的一些总结,都是比较笼统的,没有具体的代码总结,社区的总结都非常的到位了,我就不拾人牙慧了。有什么问题也请大家多多指点。