英文 | https://javascript.plainenglish.io/7-awesome-react-ui-libraries-for-all-frontend-developers-c7d45b7cecad

翻譯 | 小愛(ài)

如今，大多數(shù)前端開(kāi)發(fā)人員都在使用 React。它是構(gòu)建出色用戶界面的最佳和流行的 JavaScript 庫(kù)之一。你可以用它實(shí)現(xiàn)很多目標(biāo)。是的，React 只是一個(gè)庫(kù)，但它具有框架的所有功能。

那是因?yàn)?React 生態(tài)系統(tǒng)有很多包和其他第三方庫(kù)，你可以在 React 中使用它們來(lái)使開(kāi)發(fā)更容易。

在本文中，我將向你列出一些你可以使用的很棒且功能強(qiáng)大的 React UI 庫(kù)。

現(xiàn)在，就讓我們開(kāi)始吧。

1、Ant Design

地址：https://ant.design/docs/react/introduce

Ant Design 是你可以在 React 中使用的最好的 UI 庫(kù)之一。它有很多組件可以用來(lái)在 React 中構(gòu)建很棒的用戶界面。它也有企業(yè)級(jí) Web 應(yīng)用程序的設(shè)計(jì)系統(tǒng)。

2、Storybook

地址：https://storybook.js.org/

如果你想在 React 中輕松構(gòu)建 UI 組件，Storybook 是一個(gè)很棒的開(kāi)源工具。它還允許你以更快的速度隔離開(kāi)發(fā)組件。

3、Material UI

地址：https://material-ui.com/

Material UI 是 React 開(kāi)發(fā)人員常用的 UI 庫(kù)之一。它允許你使用一組組件并構(gòu)建你自己的設(shè)計(jì)系統(tǒng)以加快 Web 開(kāi)發(fā)。

因此，Material UI 附帶了許多你可以使用的可用組件，例如卡片、按鈕、圖標(biāo)、滑塊等等。

4、Chakra UI

地址：https://chakra-ui.com/

Chakra UI 是 React 中另一個(gè)很棒的 UI 庫(kù)，它允許你輕松構(gòu)建 UI 組件。它還具有許多功能，可讓你輕松設(shè)置組件樣式并使它們靈活且易于訪問(wèn)。

5、React Popup

地址：https://react-popup.elazizi.com/

React Popup 是一個(gè)簡(jiǎn)單的組件庫(kù)，允許你在 React 中輕松創(chuàng)建復(fù)雜的模式、菜單和工具提示。它完全可訪問(wèn)、可定制并支持 TypeScript。

6、 Mantine

地址：https://mantine.dev/

Mantine 是一個(gè)很棒的 React 組件和鉤子庫(kù)。該庫(kù)有許多可用的組件和鉤子，可幫助你構(gòu)建可訪問(wèn)的 Web 應(yīng)用程序。

7、Semantic UI React

地址：https://react.semantic-ui.com/

Semantic UI React是一個(gè)很棒的框架，可讓你輕松創(chuàng)建美觀且響應(yīng)迅速的布局。

Semantic UI React 是一個(gè)允許 Semantic UI 和 React 集成的庫(kù)。你可以從他們的文檔中了解更多信息。

結(jié)論

正如你在上面的列表中看到的，這些是你可以在下一個(gè) React 項(xiàng)目中使用的一些 UI 庫(kù)。如果你想加快開(kāi)發(fā)速度并更快地交付 Web 應(yīng)用程序，它們將非常有用。

感謝你閱讀這篇文章。希望你覺(jué)得它有用。

學(xué)習(xí)更多技能
請(qǐng)點(diǎn)擊下方公眾號(hào)

7個(gè)適用于所有前端開(kāi)發(fā)人員的很棒React UI 庫(kù)