React 开发常用的库

创建项目

npx create-react-app myapp --template typescript

添加库

yarn add @types/styled-components   自定义组件
yarn add @types/react-transition-group  动画组
yarn add react-particles-js

组件库
yarn add antd 
或者
yarn add @mui/material @emotion/react @emotion/styled 

yarn add events
yarn add moment
yarn add @types/react-copy-to-clipboard
yarn add react-i18next i18next i18next-browser-languagedetector
yarn add redux-persist
yarn add @types/crypto-js
yarn addf @reduxjs/toolkit react-redux
yarn add react-hot-toast
yarn add react-countup
yarn add @types/react-router-dom
yarn add @types/video.js

[react-pretty-loading：loading动画库：不支持TS] (https://52kpm06q2k.codesandbox.io)
motion.ant.design :文字等动效：不支持TS
react-transition-group：动画库
animxyz :动画库
react-particles-js：粒子动效：不支持TS

antd：React UI
Material-UI：React UI

events：全局事件传递
moment: 时间处理
react-copy-to-clipboard：粘贴复制
react-countdown：倒计时组件
i18next：多语言
react-device-detect：判断平台
react-feather：图标库
redux-localstorage-simple：redux本地化存储
numeraljs ：数字处理
react-hot-toast：toast
crypto-js：加密
react-countup:数字从0-value动效显示
react-lazyload:页面懒加载