學習資源

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：跟著這個深入的系列一起建構，從基本安裝到進階組件實作。
Next.js 11 與 Material UI v5 設定，作者 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 的細節。