Material-UI 的 5 个令人愉悦之处

无论你是对 Material Design 着迷还是反感，这种注重表面和边缘的“卡片”或“纸张”概念仍然是一种流行且应用广泛的应用风格。

Material-UI 是基于 Google Material Design 的 React 组件库，它让风格化的 Web 开发变得更加快捷方便。只要熟悉 React 框架的基本知识，你就可以用 Material-UI 构建一个精美的 Material Design 应用，简直就像作弊一样。几乎。

这个采用 MIT 许可的开源项目可不仅仅是花哨的功能，它很快就会变得非常复杂。不过别被我吓到！我最近第一次使用 Material-UI 开发了一个应用，最终效果让我非常满意。以下是我对 Material-UI 的 5 个赞赏之处：

1. 这方面有充分的文献记载

官方文档组织有序，易于浏览。由于该库非常流行，如果文档难以理解，您可以在网上找到大量的代码示例。此外，您还可以前往 Stack Overflow，向 Material-UI 的开发者和核心团队寻求技术问答。

2. 定期更新

随着 Material-UI v4 的发布（2019 年 5 月），以及每月发布的包含新功能和未来目标的博客文章，Material-UI 似乎并没有衰落的迹象。除了功能更新和改进之外，以下是 11 月 8 日发布的最新博客文章中的 GitHub 统计数据：

我们已接受来自 68 位不同贡献者的 182 个提交。我们已修改 1,157 个文件，其中新增 31,312 行，删除 9,771 行。

干杯！🙌🙌🙌

3. 外观一致

好吧，这有点作弊的嫌疑，因为它是一个库，所以外观当然会保持一致。但是 Material-UI 是一个庞大的库，它的好处在于你有很多选择。

撇开对 Material Design 的美学偏好不谈，你的网页项目很有可能在整个过程中保持外观和功能的相似性。

4. 创作自由

如果你不想，完全没必要追求统一的外观！
我知道，我知道——我刚才说了它会创建统一的外观，但这只是默认设置。正如我之前提到的，Material-UI 组件实际上非常强大，开发者也鼓励用户进行自定义。Material-UI 不会强迫你使用 Material Design 风格，它只是提供了这种风格。

其中一个令人惊喜的组件是 ThemeProvider。将其放置在应用程序的根目录，即可更改所有 Material-UI 子组件的颜色、字体以及更多其他属性！不过，这并非强制要求；Material-UI 组件自带默认主题。代码的魔力真是无穷无尽。

5. 各组件独立工作

Material-UI 组件是独立的，只会注入显示所需的样式。它们不依赖任何全局样式表，例如 normalize.css！只想用那个超酷的进度条？赶紧入手！尽情享受吧！

好了，就是这样！如果你还没试过，赶紧去试试吧。官网上
有很多很棒的项目启动资源
。 如果你已经体验过 Material-UI，或者它已经融入到你的日常开发中，请告诉我你喜欢什么，或者有什么让你感到惊喜的地方！