創(chuàng)建項目
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:頁面懶加載
