前端 code review 最佳实践 All In One

前端 code review 最佳实践 All In One

1. 编码风格，最佳实践

// 1. 如果定义的变量，后面不需要修改，或者是object 类型的，只允许使用 const 声明, 防止后面不小心被修改到；
// ❌ bad
let userId = 666;


// ✅ good
const userId = 666;

ESLint

// 为提高代码的阅读和维护成本，单个文件的 代码行数不可以超过 500 行；

2. 设计模式：业务逻辑，高内聚，低耦合

// 封装，闭包，

3. 组件化，可复用

// 抽离可复用组件，

4. 踩坑记录，经验分享

// 开发过程遇到的技术和业务难点和实现思路

5. 文档化，可分享，可复制

// 整理成 wiki 文档，有产出，形成知识库

6. 发散思维，使用新技术实现创新改造

// 新技术，不断引进，并落地实践

// TypeScript 提高代码质量和降低 bug 率

// 输入和输出，字段、类型更清晰

...

Google 代码审查

https://github.com/google/eng-practices

https://google.github.io/eng-practices/review/reviewer/

refs

https://www.cnblogs.com/xgqfrms/tag/code review/

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---