5、代码清理与 React Hooks 入门

代码清理与 React Hooks 入门

一、代码清理

1.1 代码风格标准化

为了让代码风格更统一，可进行如下配置：

{
  "tabWidth": 2,
  "trailingComma": "none",
  "useTabs": false
}

这样能帮助团队成员遵循一致的代码风格。

1.2 ESLint 介绍

在编写代码时，即便我们尽力写出优质代码，也难免会出现错误。而 ESLint 这类工具能在我们输入代码时就帮助检查其正确性，虽然它无法判断代码是否能实现预期功能，但能避免语法错误。

ESLint 是 2013 年发布的开源项目，因其高度可配置和可扩展而广受欢迎。在 JavaScript 生态中，库和技术更新迅速，ESLint 可通过插件轻松扩展，还能按需启用或禁用规则。而且现在我们使用 Babel 等转译器和非标准的实验性特性，所以需要能告知 ESLint 我们在源文件中遵循的规则。它不仅能减少错误，还能强制遵循通用的编码风格指南，这在大型团队中尤为重要。

1.3 ESLint 安装与使用

1.3.1 安装

使用以下命令安装 ESLint 及相关插件：

npm install -g eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a