跳转到内容

学习使用 Material UI

Material UI 新手? 我们为你精心准备的学习资源,可以帮助你快速入门。

First example

下面的代码片段展示了一个基本的Material UI应用,它有一个 <Button> 组件:

📝 <a href="https://medium.com/codingthesmartway-com-blog/getting-started-with-material-ui-for-react-material-design-for-react-364b2688b555">博文</a>

在下面的交互式演示中,尝试更改代码并查看它如何影响输出。 (注:将 varian 更改为 "outlined" 并且 color 更改为 "secondary"。 For more options, see the Button component page.)

我们托管了 一些范例项目,他们都提供了开发和部署一个 React 网站所必须的架构。

Example projects

我们提供了一些 基本模板的选项 来帮助您开始开发应用程序。

模板

Check out our selection of basic templates to get started building your next app more quickly.

除了官方文档外,还有无数来自社区的成员,他们创建了非常好的教程和指南指导如何使用Material UI。

以下是我们找到的一些最好的第三方学习资源,可以学习如何使用我们的组件来构建漂亮的应用。

免费的资源

  • Introduction to Material UI:一系列涵盖所有重要的 Material UI 组件的视频。

  • Learn React & Material UI:一系列涵盖所有重要的 Material UI 组件的视频。

  • Next.js 11 Setup with Material UI v5 by Leo Roese: 学习如何使用 Emode 作为样式引擎,将Material UI 整合到您的Next.js 应用。

  • Cookbook:通过使用 Material UI 在 React 中实现 Material Design 原则来构建现代应用程序。

  • 📹 视频