每個開發(fā)者都應該知道的7個React工具庫（react 工具）
全文共1421字，預計學習時長5分鐘
圖片來源 chuttersnap 網(wǎng)站 Unsplash
不論你是專業(yè)的React開發(fā)者，還是剛剛接觸這方面的新手，你肯定想讓開發(fā)過程盡可能簡單。但想要跟上整個React生態(tài)系統(tǒng)的最新趨勢卻很不容易，相關的各種組件都在迅速更新?lián)Q代，所以你很可能會錯過一些可供選擇的React工具庫。
正因如此，我們要談談每個開發(fā)者最應該知道的7個React工具庫。
1. Lodash
Lodash通過降低 array、number、objects、strings的使用難度從而讓JavaScript編程變得更簡單。Lodash是個非常受歡迎的工具庫，在Github上獲得超4萬星的點贊。根據(jù)官網(wǎng)的介紹，Lodash是一個現(xiàn)代的JavaScript實用工具庫，具有模塊化，高效能等特性，并且具備很多附加功能。
盡管Lodash不是專門的React工具庫，但它是我個人最喜歡的工具庫之一，因為它非常簡潔明了。強烈推薦你們?nèi)ピ囋嘗odash。
2. React Bootstrap
ReactBootstrap的名字本身就展現(xiàn)了該工具庫的特點：用Bootstrap的組件在React中進行開發(fā)。Bootstrap是一個開源工具箱，可以運用于HTML, CSS, 和JS編程。Bootstrap也是世界上最流行的前端組件工具庫。
ReactBootstrap最棒的一點是它取代了原有的BootstrapJavaScript庫。該工具庫中的所有組件都是重新開發(fā)的，并且都是真正的React組件，不像jQuery那樣有一些不必要的附屬物。
作為最早的React工具庫之一，React Bootstrap也隨著React的發(fā)展而不斷改進。對于UI框架來說，ReactBootstrap工具庫絕對是非常不錯的選擇。
3. React-i18next
如果你需要開發(fā)一個多語言的應用，那么一定不能錯過React-i18next工具庫。React-i18next以i18next為基礎，為React提供了強大的國際化框架。如果你想將自己的產(chǎn)品從網(wǎng)頁端上傳到手機端和桌面端，React-i18next能為你提供完整的解決方案。
i18next工具庫也具備翻譯功能，如復數(shù)形式處理，自定義格式化操作，內(nèi)嵌的變量格式化操作等功能。此外，該工具庫也適用于服務端渲染。
4. React DnD
ReactDnD（兩個D分別代表拖和放）能幫助你打造復雜的拖放界面，同時又能幫你將組件分開。不像其他拖放工具庫，ReactDnD是在現(xiàn)代HTML5拖放API的基礎上開發(fā)的。
該工具庫致力于提供正確的拖放交互，營造良好的視覺效果。
在過去，該工具庫有一個主要的缺點——不支持觸屏。如果你想使用觸屏，那么得采用ReactDnD的觸摸后端，而不是HTML5的后端。
5. Material UI
還有誰沒聽說過谷歌的Material design語言？Material UI工具庫中的組件就是為大名鼎鼎的Material design語言打造的。
MaterialUI工具庫在GitHub上獲得了超過5萬星的點贊，由此可見，MaterialUI絕對值得我向大家推薦。它也是當下最流行的React UI包，而且已經(jīng)面世很多年了。這款工具庫使用起來非常簡單，其中的組件都很吸引人眼球，并且操作簡便。
這款工具庫中有太多組件，就不在這里一一列舉了，建議大家到MaterialUI上自行探索。
6. React Spinners
別再向你的應用添加無聊沒趣的spinner了。React spinners這款工具庫中就有很多非常棒的spinner。這些spinner的性能可以隨時改變，讓你能夠根據(jù)自己的需求定制自己的spinner。
雖然這款小型工具庫在GitHub上只獲得了約1000星的點贊，不過如果你能將其應用到你開發(fā)的應用中，使用者一定會獲得極好的用戶體驗。
7. Enzyme
Enzyme是一款用于JavaScript測試的實用程序，可以檢測React組件的輸出效果。Enzyme由Airbnb的技術團隊開發(fā)，2015年公開源代碼。Enzyme的API更加直觀，靈活。有了這款工具庫，你可以更方便地斷言，操控和遍歷React組件的輸出結果。
Enzyme也可以和其他的測試工具一起使用，比如Mocha,Jest, Karma。
如果你才開始接觸React組件的測試，強烈建議你使用Enzyme。
留言點贊關注
我們一起分享AI學習與發(fā)展的干貨
如轉(zhuǎn)載，請后臺留言，遵守轉(zhuǎn)載規(guī)范
