Skip to main content

Bài 06-Tài nguyên học tập

Bạn mới sử dụng Material UI? Hãy nhanh chóng làm quen với danh sách tài nguyên học tập được chúng tôi tuyển chọn.

Thành phần đầu tiên của bạn

Bản demo sau đây cho thấy một ứng dụng Material UI cơ bản có một <Button>thành phần. Hãy thử thay đổi varianttrên Button để outlinedxem kiểu thay đổi như thế nào:

Xin chào thế giới

Tiếng ViệtTS

Thu gọn mã

import * as React from 'react';
import Button from '@mui/material/Button';

export default function ButtonUsage() {
return <Button variant="contained">Hello world</Button>;
}

Nhấn Enterđể bắt đầu chỉnh sửa

Các dự án ví dụ

Truy cập trang dự án mẫu để xem cách chúng tôi đề xuất triển khai Material UI với nhiều thư viện và khung React khác nhau như Next.js, Vite, v.v.

Mẫu

Hãy xem qua bộ sưu tập mẫu cơ bản của chúng tôi để bắt đầu xây dựng ứng dụng tiếp theo của bạn nhanh hơn.

Tài nguyên được đề xuất

Ngoài tài liệu chính thức, còn có vô số thành viên trong cộng đồng của chúng tôi tạo ra các hướng dẫn và bài hướng dẫn tuyệt vời để làm việc với Material UI.

Sau đây là danh sách tuyển chọn một số tài nguyên của bên thứ ba tốt nhất mà chúng tôi tìm thấy để tìm hiểu cách xây dựng các ứng dụng đẹp mắt bằng các thành phần của chúng tôi.

Miễn phí