React 代码规范

  1. 外界传递过来的函数,一般放在代码块的最后调用。因为不知道这个函数是否会执行一些耗时操作或者重新渲染界面
  2. 变量以及函数的命名都要有具体意义,避免像 value 之类的
  3. props 等,可以在开始的时候就解构
  4. 理解困难的逻辑,即使很短,也可以封装个方法,命名一个易懂的方法名
  5. 对值的不同情况判断,通常会把 undefined 这种更容易处理的情况放在前面
  6. 通常来说,向外暴露的函数的类型要写全,出错难以验证的地方的类型要写全
    (这一块的类型加不加我觉得还好,因为后面使用的地方等于做了强制检查。如果哪个item写得不对,后面编译不过。如果加上的话,感觉代码噪音变大了。)
  7. export 函数应该显示声明返回类型或者非常容易推导
  8. 注意类型保护与代码可读性之间的平衡
  9. 函数内部可以省略能被自动推导的类型声明。比如 map((x) => Void)
  10. 简单的函数可以直接 inline。比如 Array 的一系列操作函数
  11. let在代码中应该尽量避免使用,它通常会让逻辑推导难度变大
  12. 使用forEach + push/重赋值,不如想办法使用map/flatMap。前者是命令式思维,需要修改对象,需要脑子跟着逻辑转;后者就变成了函数式思维,关注于“数据转换的结果而非过程”,更容易理解
  13. 更推荐 xx.xx的形式调用属性,方括号形式 x["xxx"] 等于是在提醒阅读者,这个属性不能直接连写,需要注意,反而是一种误导
  14. 这两个字段应该是required,因为它们最终都是required,不应该因为方便实现而增加不确定性
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值