---
# System prepended metadata

title: React

---

# React


### react 
版本: ^17

### react-router-dom 
版本: 6

建議依照v6為主,跟過往版本有寫法上明顯的差異,過往版本push、replace...等功能都是混在一起引入,6版變更為可單獨引入,searchParams可單獨引入取得及變更

p.s. 6版searchParams變更等同於有換頁

### axios
版本: ^0.21.1

目前已有寫好的Customized Hook的Axios流程

### Mobx
版本: ^6.6.0
適用於16.8+的react

整體寫法流程跟vuex接近,不會像redux繁瑣,需要observe modlue,相比目前彩票useReducer比較寫法比較多一點,並不會有Context值變更後,所有的子元件都會被re render


[Hooks 邂逅 Mobx，代码变得更丝滑了](https://juejin.cn/post/6930758273863778317)

[在hooks中使用Mobx](https://segmentfault.com/a/1190000022335345)
[在hooks中使用Mobx](https://segmentfault.com/a/1190000021459337?utm_source=sf-similar-article)


### http-status
版本: ^1.5.0

跟axios封裝的ErrorHandler功能掛勾

### sass
版本: ^1.42.1

### lodash
版本: ^4.17.21

### Classnames
版本: 2.3.1

物件寫法去控制classname的boolean狀態,控制className顯示

### React-i18next
多語系


### react-hook-form

版本: ^7.12.2

form hook,可直接取得當前form的value


### store2

版本: ^2.13.2

可get或是set local | session


### react-icons

版本: ^4.4.0

可用多個icon設計風格的iconn

### swr

版本: ^0.5.3

可以跟hook api掛勾,避免每次re render時call api,api資料有變化時,才會call api


### moment
版本:2.29.0


## UI框架


前台

### Tailwind
版本: ^3.0.24

可以替換


後台

### ant design
版本: ^4.20.7


## 可選用套件 Optional

### react-copy-to-clipboard
版本: ^5.1.0

複製文字

### swiper

版本: ^8.2.2

多功能幻燈片

### slick

版本: 1.8.0

多功能幻燈片

### react-player

版本: ^2.10.0

react用的播放器,可以在iphone中自動播放

### 上傳圖片

自製

### ts-combinatorics

版本: ^1.0.0

ts 版本的排列組合套件



### CryptoJS

版本: ^4.1.1

字串轉換8、16...等等格式


