全文共1421字，預(yù)計(jì)學(xué)習(xí)時(shí)長(zhǎng)5分鐘

圖片來(lái)源 chuttersnap 網(wǎng)站 Unsplash

不論你是專業(yè)的React開發(fā)者，還是剛剛接觸這方面的新手，你肯定想讓開發(fā)過(guò)程盡可能簡(jiǎn)單。但想要跟上整個(gè)React生態(tài)系統(tǒng)的最新趨勢(shì)卻很不容易，相關(guān)的各種組件都在迅速更新?lián)Q代，所以你很可能會(huì)錯(cuò)過(guò)一些可供選擇的React工具庫(kù)。

正因如此，我們要談?wù)劽總€(gè)開發(fā)者最應(yīng)該知道的7個(gè)React工具庫(kù)。

1. Lodash

Lodash通過(guò)降低 array、number、objects、strings的使用難度從而讓JavaScript編程變得更簡(jiǎn)單。Lodash是個(gè)非常受歡迎的工具庫(kù)，在Github上獲得超4萬(wàn)星的點(diǎn)贊。根據(jù)官網(wǎng)的介紹，Lodash是一個(gè)現(xiàn)代的JavaScript實(shí)用工具庫(kù)，具有模塊化，高效能等特性，并且具備很多附加功能。

盡管Lodash不是專門的React工具庫(kù)，但它是我個(gè)人最喜歡的工具庫(kù)之一，因?yàn)樗浅：?jiǎn)潔明了。強(qiáng)烈推薦你們?nèi)ピ囋嘗odash。

2. React Bootstrap

ReactBootstrap的名字本身就展現(xiàn)了該工具庫(kù)的特點(diǎn)：用Bootstrap的組件在React中進(jìn)行開發(fā)。Bootstrap是一個(gè)開源工具箱，可以運(yùn)用于HTML, CSS, 和JS編程。Bootstrap也是世界上最流行的前端組件工具庫(kù)。

ReactBootstrap最棒的一點(diǎn)是它取代了原有的BootstrapJavaScript庫(kù)。該工具庫(kù)中的所有組件都是重新開發(fā)的，并且都是真正的React組件，不像jQuery那樣有一些不必要的附屬物。

作為最早的React工具庫(kù)之一，React Bootstrap也隨著React的發(fā)展而不斷改進(jìn)。對(duì)于UI框架來(lái)說(shuō)，ReactBootstrap工具庫(kù)絕對(duì)是非常不錯(cuò)的選擇。

3. React-i18next

如果你需要開發(fā)一個(gè)多語(yǔ)言的應(yīng)用，那么一定不能錯(cuò)過(guò)React-i18next工具庫(kù)。React-i18next以i18next為基礎(chǔ)，為React提供了強(qiáng)大的國(guó)際化框架。如果你想將自己的產(chǎn)品從網(wǎng)頁(yè)端上傳到手機(jī)端和桌面端，React-i18next能為你提供完整的解決方案。

i18next工具庫(kù)也具備翻譯功能，如復(fù)數(shù)形式處理，自定義格式化操作，內(nèi)嵌的變量格式化操作等功能。此外，該工具庫(kù)也適用于服務(wù)端渲染。

4. React DnD

ReactDnD（兩個(gè)D分別代表拖和放）能幫助你打造復(fù)雜的拖放界面，同時(shí)又能幫你將組件分開。不像其他拖放工具庫(kù)，ReactDnD是在現(xiàn)代HTML5拖放API的基礎(chǔ)上開發(fā)的。

該工具庫(kù)致力于提供正確的拖放交互，營(yíng)造良好的視覺效果。

在過(guò)去，該工具庫(kù)有一個(gè)主要的缺點(diǎn)——不支持觸屏。如果你想使用觸屏，那么得采用ReactDnD的觸摸后端，而不是HTML5的后端。

5. Material UI

還有誰(shuí)沒(méi)聽說(shuō)過(guò)谷歌的Material design語(yǔ)言？Material UI工具庫(kù)中的組件就是為大名鼎鼎的Material design語(yǔ)言打造的。

MaterialUI工具庫(kù)在GitHub上獲得了超過(guò)5萬(wàn)星的點(diǎn)贊，由此可見，MaterialUI絕對(duì)值得我向大家推薦。它也是當(dāng)下最流行的React UI包，而且已經(jīng)面世很多年了。這款工具庫(kù)使用起來(lái)非常簡(jiǎn)單，其中的組件都很吸引人眼球，并且操作簡(jiǎn)便。

這款工具庫(kù)中有太多組件，就不在這里一一列舉了，建議大家到MaterialUI上自行探索。

6. React Spinners

別再向你的應(yīng)用添加無(wú)聊沒(méi)趣的spinner了。React spinners這款工具庫(kù)中就有很多非常棒的spinner。這些spinner的性能可以隨時(shí)改變，讓你能夠根據(jù)自己的需求定制自己的spinner。

雖然這款小型工具庫(kù)在GitHub上只獲得了約1000星的點(diǎn)贊，不過(guò)如果你能將其應(yīng)用到你開發(fā)的應(yīng)用中，使用者一定會(huì)獲得極好的用戶體驗(yàn)。

7. Enzyme

Enzyme是一款用于JavaScript測(cè)試的實(shí)用程序，可以檢測(cè)React組件的輸出效果。Enzyme由Airbnb的技術(shù)團(tuán)隊(duì)開發(fā)，2015年公開源代碼。Enzyme的API更加直觀，靈活。有了這款工具庫(kù)，你可以更方便地?cái)嘌裕倏睾捅闅vReact組件的輸出結(jié)果。

Enzyme也可以和其他的測(cè)試工具一起使用，比如Mocha,Jest, Karma。

如果你才開始接觸React組件的測(cè)試，強(qiáng)烈建議你使用Enzyme。

留言點(diǎn)贊關(guān)注

我們一起分享AI學(xué)習(xí)與發(fā)展的干貨

如轉(zhuǎn)載，請(qǐng)后臺(tái)留言，遵守轉(zhuǎn)載規(guī)范