学习资源

Material UI 新手？通过我们精选的学习资源列表快速上手。

你的第一个组件

以下演示展示了一个基本的 Material UI 应用程序，其中包含一个 <Button> 组件。尝试更改 Button 上的 variant 为 outlined，看看样式如何变化

示例项目

访问示例项目页面，了解我们如何推荐使用 Material UI 与各种 React 库和框架（如 Next.js、Vite 等）一起实现。

模板

查看我们的基本模板选择，以便更快地开始构建你的下一个应用程序。

推荐资源

除了我们的官方文档外，我们的社区中还有无数成员创建了出色的教程和指南，用于使用 Material UI。

以下是我们找到的一些最佳第三方资源的精选列表，这些资源教你如何使用我们的组件构建精美的应用程序。

免费

• Material UI v5 快速入门课程 视频，作者：Laith Harb：开始使用最新版本的 Material UI 构建所需的一切。

• React + Material UI - 从零到英雄 系列视频，作者：The Atypical Developer：跟随这个深入的系列一起构建，从基本安装到高级组件实现。

• 使用 Material UI v5 设置 Next.js 11，作者：Leo Roese：了解如何将 Material UI 集成到你的 Next.js 应用程序中，使用 Emotion 作为样式引擎。

• Material UI v5 快速入门课程 + React 简介（2022 版），作者：Anthony Sistilli：如何以及为何使用 Material UI，以及关于主题和样式自定义的指南。

• Material UI v5 教程播放列表，作者：Nikhil Thadani (Indian Coders)：一个详细的播放列表，涵盖了 Material UI 的几乎每个组件，使用 Create React App。

• The Clever Dev 和 The Smart Devpreneur，作者：Jon M：数十个高质量的视频和文章，深入挖掘 Material UI 的本质。