React使用相关库

React使用相关库

使用语言

React+TypeScript

主要库

ant-design

因为ant-design对于React语言友好，所以该组件为首选

在项目中主要使用antd-mobie对基础组件进行引用，需要仔细阅读组件支持的函数，必要时需要对组件进行模改

DefinitelyTyped

DefinitelyTyped 是一个 GitHub 存储库，是 TypeScript 社区中用于存放 TypeScript 类型定义文件的地方。TypeScript 是 JavaScript 的超集，它添加了静态类型支持。

@types/qs

是 DefinitelyTyped 存储库中的一个包，该存储库是用于提供高质量 TypeScript 类型定义的地方。TypeScript 是 JavaScript 的一个超集，它为语言添加了静态类型。

@types/lodash

是 DefinitelyTyped 存储库中的一个包，提供了 Lodash 库的 TypeScript 类型定义。Lodash 是一个 JavaScript 实用工具库，提供了很多常用的实用功能，如数组操作、对象操作、函数式编程支持等。

@types/react-virtualized

在 DefinitelyTyped 存储库中的 TypeScript 类型定义包，为 react-virtualized 库提供了类型信息。这使得在使用 TypeScript 编写代码时，能够获得 react-virtualized 库的智能感知、类型检查等

@types/store

store 是一个轻量级的库，用于在前端应用程序中管理状态。它是一个可重用的跨应用程序的状态。在 JavaScript 项目中，它提供了一个全局状态存储，使得我们更容易访问和更新数据。

版权声明：本文为原创文章，版权由本站（JavaScript中文网）拥有，严禁未经允许复制、转载、传播、篡改等任何行为，如需转载，请联系本站管理员获取书面授权

UMI

Umi 是蚂蚁集团的底层前端框架

它主要具备以下功能：

• 🎉 可扩展，Umi 实现了完整的生命周期，并使其插件化，Umi 内部功能也全由插件完成。此外还支持插件和插件集，以满足功能和垂直域的分层需求。
• 📦 开箱即用，Umi 内置了路由、构建、部署、测试等，仅需一个依赖即可上手开发。并且还提供针对 React 的集成插件集，内涵丰富的功能，可满足日常 80% 的开发需求。
• 🐠 企业级，经蚂蚁内部 3000+ 项目以及阿里、优酷、网易、飞猪、口碑等公司项目的验证，值得信赖。
• 🚀 大量自研，包含微前端、组件打包、文档工具、请求库、hooks 库、数据流等，满足日常项目的周边需求。
• 🌴 完备路由，同时支持配置式路由和约定式路由，同时保持功能的完备性，比如动态路由、嵌套路由、权限路由等等。
• 🚄 面向未来，在满足需求的同时，我们也不会停止对新技术的探索。比如 dll 提速、modern mode、webpack@5、自动化 external、bundler less 等等。

Axios

Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

prettier

Prettier 是一个代码格式化工具，可以格式化代码，但不具备代码检查功能，它可以通过解析代码并使用自己的规则重新打印它，并考虑最大行长来强制一致的样式，并在必要时包装代码

vconsole

移动端调试工具

yorkie

“yorkie” 是一个用于支持 Git 钩子的工具。Git 钩子是在特定的 Git 事件（如提交代码、推送到远程仓库等）发生时触发的自定义脚本。这可以用来执行各种自动化任务，如代码格式化、测试、linting 等。

ahooks

它提供了一系列常见场景下的自定义 Hooks，使得在 React 项目中更轻松地管理状态、处理副作用和实现其他常见的功能。这个库的使用可以使你的代码更加简洁、可维护，并且能够遵循最佳的 React Hooks 实践。