欢迎来到 Mastering MUI： Component Customization！

无论你是刚开始使用 React 或 Material UI，还是已经使用 MUI 多年，你都找到了最好、最全面的课程来加深你的知识并扩展你的技能。Mastering MUI 由 Zachary Reece 创建，Zachary Reece 是一位拥有 20,000 多名学生的畅销 MUI 讲师，他甚至为 MUI 源代码做出了贡献！系好安全带，深入了解世界上一些最大的科技公司（如 Spotify、Amazon、NASA 和 Netflix）使用的最受欢迎的 React 组件库！如果您希望发展一种适销对路的技能，让您进入这些高收入职位，那么您旅程的新篇章从这里开始。

Material UI （MUI） 是最受欢迎的 React 组件库，在 GitHub 上拥有超过 90,000 颗星！这比任何竞争库都多——甚至比 TailwindCSS 和 Bootstrap 还要多。MUI之所以如此受欢迎，是因为它是如此强大。如果你对 React 还比较陌生，那么你可能会问 – 什么是组件库？我很高兴你问！组件库是所有最常见的 Web 元素（如滑块、开关、评级、警报等）的预构建 React 组件的集合。您生成的每个应用程序都需要这些基本组件。使用 MUI 可以让您从一整套这些现成的组件开始，而不是每次都从头开始构建它们，这样您就可以更快地开始并专注于构建 Web 应用程序中新的、更有趣的部分！了解如何让 Material UI 通过其全面的可自定义组件库（包括集成的样式、主题、布局和响应式设计系统）为您完成繁重的工作。

MUI 不仅仅是一个简单的组件库。它之所以如此强大，是因为它带有一个完整的工具生态系统，这些工具都集成在一起，可以解决您在使用大量组件时遇到的所有最常见的问题！MUI 有一个惊人的内置样式系统，允许您以任何可以想象的方式自定义您的组件，以匹配您自己的定制设计。为了简化您的自定义设置，您可以将所有最常用的样式集中在一个方便的地方，并使用主题系统从任何地方访问它们！存储在主题中的任何内容都可以在任何组件中轻松访问，从而简化您的样式，减少冗余，并使您的代码更易于维护，以便将来更新。MUI 还带有一个集成的布局系统，可使用 Grid 组件以一致且可预测的方式在屏幕上排列您的组件。最后，组件、布局系统以及样式和主题系统中内置了一个令人难以置信的响应式设计系统，可使您的样式和布局适应用户的设备，确保您的应用程序在每种屏幕尺寸上看起来都完美无缺。

这是一门真正独特的 Material UI 课程 – 没有其他课程能与之媲美！我们将检查组件库中的每个组件。这包括关于每个组件如何工作的所有内容，何时使用一个组件而不是另一个组件的特定用例，每个组件渲染的底层 DOM 元素，以及自定义每个组件的每个小细节的高级技术（即使它处于不同的状态，如禁用或聚焦）。您将学习到 MUI 文档中甚至找不到的自定义设置！

您不仅将学习每个组件的每一个秘密技巧和窍门，而且还将学习 Material UI 的所有基本核心概念以及如何充分利用其所有强大功能。当你学习任何新东西时，从基础知识开始，对核心概念有一个坚如磐石的理解是非常重要的。这奠定了坚实的基础，然后您可以通过将来学习更高级的概念和技术来建立基础 – 这正是本课程所提供的！

该课程还充满了测验，测试您对每个组件的功能和自定义技术的理解，以确保您学习所有最重要的概念。课程以最终的掌握评估结束，以测试您的所有知识，看看您是否真正掌握了 MUI！

Material UI 已经开始从组件库扩展到 MUI 下的整个生态系统。现在包括 Base UI、Joy UI、Material UI、MUI X 和 MUI System。随着这个生态系统的不断发展，需要学习的信息越来越多，初学者也越来越难以知道从哪里开始，即使是经验丰富的开发人员也很难跟上所有的变化。这正是创建Mastering MUI的原因。我们致力于为您提供最全面的MUI教育，将其分解为易于理解的部分，具有清晰的结构，以深刻的理解和实践技能为您取得成功奠定基础。本课程是您掌握MUI的第一步！

以下是您将从我们的专家讲师那里学习的一些主要概念：

• 学习使用材质UI中的每个组件（包括所有重要的组件道具）

• 自定义每个组件的每个细节以覆盖默认样式

• 开发一个简单且可重复的 5 步系统，以对任何组件应用任何定制

• 知道何时使用一个组件而不是另一个类似的组件（如盒子与纸张）

• 了解带有 SX 道具的 MUI 样式系统及其所有强大的功能和速记语法

• 更深入地了解每个组件使用组件 X-Ray 渲染的 DOM 元素

• 使用网格组件使用响应式设计分解并构建复杂的布局，以适应屏幕尺寸

• 探索整个 MUI 生态系统，以及它如何超越简单的组件库

• 使用 Material UI 主题系统应用影响项目中每个组件的全局样式

• 使用快捷方式使用 Component Classes 对象编写样式选择器

• 最后通过 13 个测验、6 个作业和 1 个最终掌握评估来练习您学到的一切

完成本课程后，您将完全相信自己能够自行使用和自定义任何当前或未来的 Material UI 组件！您将准备好开始使用 MUI 构建您自己的项目，这些项目具有令人惊叹的设计和简单的代码。您将成为专家，当团队中的每个人都在弄清楚如何覆盖某些默认样式时，他们会向他们寻求建议！

除了终身访问 24 小时内容外，您还可以通过主动问答轻松获得支持。你没有什么可失去的 – 这门课程提供 30 天退款保证，以防您不完全满意！

今天就迈出掌握 MUI 的第一步，学习真正的 React 技能，超越基础知识。