react依赖讲解


目录
  • 依赖文件

依赖文件

dependencies:{
    "@date-io/date-fns":"",//日期格式化工具
    "@material-ui/core":"",//ui组件核心包
    "@material-ui/icons":"",//ui图标
    "@material-ui/pickers":"",//ui日期组件
    "@reduxjs/toolkit":"",//状态管理
    "@testing-library/jest-dom":"",//测试工具库
    "@testing-library/react":"",//测试相关,提高测试效率
    "@testing-library/user-event":"",//测试时,模拟事件动作的
    "axios":"",//异步请求的
    "clsx":"",//组件分配类名,与样式相关
    "date-fns":"",//日期组件
    "date-fns-tz":"",//日期,时间控件
    "decimal.js":"",//js数值计算相关
    "event-source-polyfill":"",//协议请求相关
    "file-saver":"",//文件保存相关
    "final-form":"",//React Final Form是一个高性能的基于订阅的表单状态管理工具,用于Final Form的精简React包装器,是使用Observer模式的基于订阅的表单状态管理库。当表单状态更改时,React Final Form能重新渲染仅需要更新的组件
    "final-form-calculate":"",//配合final-form使用,定义和描述表单字段以及其更新方式。
    "final-form-set-field-data":"",//表单字段设置数据相关
    "i18next":"",//国际化
    "jest-junit":"",//可以创建jest xml的生成器
    "jest-sonar":"",// a sonar reporter for jest
    "js-big-decimal":"",//较大数据,高精度计算插件
    "loadsh":"",//是一个一致性、模块化、高性能的 JavaScript 实用工具库
    "material-table":"",//A simple and powerful Datatable for React based on Material-UI Table with some additional features
    "memoize-one":"",//A memoization library that only caches the result of the most recent arguments.
    "miragejs":"",//Mirage 是一个可让前端开发人员模拟后端 API 的 JavaScript 库
    "mocker-data-generator":"",//数据库模拟数据生成
    "mocksse":"",//mock接口测试相关
    "moment":"",//JavaScript 日期处理类库
    "moment-timezone":"",//JavaScript 日期处理类库
    "nanoid":"",//nanoid库和uuid库一样都可以生成uuid,但是nanoid相比uuid要更轻量级
    "prop-types":"",//Runtime type checking for React props and similar objects
    "qs":"",//一个查询字符串解析和字符串化库
    "rc-pagination":"",//pagination ui component for react
    "react":"",
    "react-app-polyfill":"",//浏览器兼容配置相关
    "react-beautiful-dnd":"",//组件拖拽
    "react-csv":"",//从给定数据生成 CSV 文件。此数据可以是数组数组、文字对象数组或字符串
    "react-day-picker":"",//日期组件
    "react-dom":"",
    "react-dropzone":"",//简单的 React 钩子为文件创建一个符合 HTML5 的拖放区。
    "react-final-form":"",//React Final Form 是 Final Form 的一个瘦 React 包装器,它是一个基于订阅的表单状态管理库,使用观察者模式,因此只有需要更新的组件会随着表单状态的变化而重新渲染。
    "react-helmet":"",//React Helmet是一个HTML文档head管理工具,管理对文档头的所有更改
    "react-i18next":"",//国际化相关
    "react-lottie":"",//将动画添加到react中
    "react-placeholder":"",//React占位符 一个React组件,可以在内容加载时轻松地用漂亮的占位符复制页面
    "react-redux":"",//官方绑定库,使得react可以从store中读取状态值
    "react-router-dom":"",//您访问路由器的状态并从组件内部执行导航
    "react-scripts":"",//react命令相关的插件
    "react-textarea-autosize":"",//textarea 组件的插入式替换,它会随着内容的变化自动调整 textarea 的大小
    "react-toastify":"",//提示框相关的
    "recharts":"",//react构建D3图标相关
    "redux":"",
    "url-parse":"",//从 Node.js 中了解的 url 接口和最新浏览器中可用的新 URL 接口
    "uuid":"",//uuid生成器
    "web-vitals":""//提高和检测页面加载性能相关的
},
devDependencies:{
    "@testing-library/react-hooks":"",//简单而完整的 React 挂钩测试实用程序,鼓励良好的测试实践
    "cross-env":"",//通过js在平台设置不同的环境变量的工具
    "env-cmd":"",//一个简单的节点程序,用于使用 env 文件中的环境执行命令
    "eslint":"",//前端编程规范
    "eslint-config-airbnb":"",//airbnb编码规则
    "eslint-config-prettier":"",//关闭所有不必要或可能与 [Prettier] 冲突的规则.请注意,此配置仅关闭规则,因此仅将其与其他配置一起使用才有意义.
    "eslint-plugin-import":"",//该插件旨在支持ES2015 +(ES6 +)导入/导出语法的检查,并防止文件路径和导入名称拼写错误的问题
    "eslint-plugin-jsx-a11y":"",
    "eslint-plugin-prettier":"",//将 Prettier 作为 ESLint 规则运行,并将差异报告为单个 ESLint 问题
    "eslint-plugin-react":"",//为 eslint 反应特定的 linting 规则
    "eslint-plugin-react-hooks":"",//这个 ESLint 插件强制执行 Hooks 规则
    "http-proxy-middleware":"",//前端跨域调试工具
    "jest-canvas-mock":"",//模拟测试画布
    "jest-sonar-reporter":"",
    "prettier":"",//是一个可配置化的代码美化(格式化)工具,往往用于统一项目中的代码风格
    "run-script-os":"",//您将能够在 npm 脚本中使用特定于操作系统的操作
}