react網站(值得推薦的8個React庫)

作者:Daan 來源:前端之巔由於 React 生態系統變化得如此之快,跟進發生的一切事情是非常困難的。每天都會冒出新的庫。你很有可能會錯過一些非常棒的庫。這就是為什麼我要撰寫本文,想將這些 React 庫介紹給你。希望這些庫能為你做一些繁重的工作,讓你的生活更輕松一點!1. React Lazyload當大多數開發人員想到懶加載時,他們通常想到圖片。懶加載可以顯著提高你的應用程序的性能。React Lazyload 庫不僅在懶加載圖片方面做的很好,而且在任何影響性能的方面也做的很好——例如,組件。這個庫提供瞭許多選項來更改你的圖片和組件的加載方式。這個庫在 GitHub 上有 5K 個星星,是懶加載方面非常流行的一個選擇。2. React ResponsiveReact Responsive 庫提供瞭一種方便的方法來在 React 中包含媒體查詢。這個庫同時提供瞭一個可以使用的鉤子和一個組件——分別是 useMediaQuery 鉤子和 MediaQuery 組件。這個庫允許你為你的應用程序創建可以輕松重用的特定斷點。請看文檔中的以下示例:這個庫可以在大多數現代瀏覽器上開箱即用。如果你想要支持比較老的瀏覽器版本,你需要添加兼容腳本(polyfills)。React Responsive 在 GitHub 上有 5K 多星星,如果你想要給你的應用程序添加響應式設計,你真應該試試這個庫!3. React Beautiful DnDReact Beautiful DnD(drag and drop,拖放)庫是由 Atlassian 創建的,即 Jira 的開發商。這個庫在 GitHub 上有 22K 多星星,是這個類目中最流行的庫。這個庫不僅支持縱向和橫向列表移動,還允許你在列表之間拖放列表項。這個庫的特性清單幾乎是無窮無盡的:它包括有條件的拖放,還支持鼠標、鍵盤和觸摸屏。這是拖放領域目前為止最完善的庫。4. Styled ComponentsStyled Components 庫是這個類目中最流行的庫,GitHub 上有超過 32K 的星星。這個庫允許你在 React 組件中使用純 CSS 設置你的組件樣式。這個庫的優勢之一是,它為你的樣式生成唯一的類名。這樣你就永遠不需要擔心類名重復、重疊或者拼寫錯誤。除此之外,它還非常容易來創建動態樣式。使用這個庫,就再也不需要在文件之間切換,因為你在你的組件內部管理你的樣式。下面是一個小例子,演示瞭創建你自己的樣式化組件是多麼簡單:5. React Select開箱即用,標準的 HTML 選擇框的選項太局限,對用戶並不友好。React Select 庫解決瞭所有標準 HTML select 帶來的問題。無論你是在尋找一個單選列表還是多選列表,這個庫都能滿足你!我在自己的項目中經常使用這個庫。這個庫不僅允許你搜索列表項,還允許你動態添加選項。這個庫另外非常棒的一點是它的可定制性。你可以徹底更改選擇框的樣式,也可以定制整個組件,如果你不喜歡開箱即用的組件的工作方式的話。這使得 React Select 庫成為我的 React 選擇框中的頭號選擇。6. React HelmetReact Helmet 庫是目前為止你所得到的在修改網站 head 元素方面最好的庫。這個庫這麼棒的原因之一是它對於經驗較少的 React 開發者也非常容易理解。這個庫支持所有合法 head 標簽——從 title 標簽到 meta 標簽。其中一個非常棒的功能是,你可以覆蓋嵌套組件中的重復的 head 更改。除此之外,React Helmet 還支持服務端渲染。在你的應用程序中集成 React Helmet 就是如此簡單:7. React Tooltip如果你在 React 應用中需要工具提示,那麼一定要看看 React Tooltip 庫。它包含一系列選項,允許你更改你的工具提示的行為方式和樣式。React tooltip 允許在工具提示上顯示純文本和原始 HTML。註意,HTML 應該進行(sanitized)安全處理。這個庫有一些鉤子,例如 afterShow 和 afterHide 鉤子,允許你自定義工具提示的行為。這個庫有超過 25 個選項,幾乎不可能滿足不瞭你的需求。這個庫在 GitHub 上有 2K 多一點星星。8. React Markdown最後介紹的庫是 React Markdown。這個庫在 GitHub 上有 6.5K 星星,這絕對是一個非常受歡迎的庫。這個庫與其它庫的區別之一是,其它庫通常依賴 dangerouslySetInnerHTML 或者在處理 markdown 時有問題。你可以通過添加插件來擴展 React Markdown 的功能。例如,你可以使用提供表格、任務清單、刪除線和 URL 功能的插件。React Markdown 就是這麼方便使用:原文鏈接:https://levelup.gitconnected.com/8-react-libraries-that-id-like-to-introduce-to-you-3802770b3952?fileGuid=WyJVpt6kyxkHYKDP

本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://www.175ku.com/42077.html