Bài 04-Các dự án ví dụ
Bộ sưu tập các ví dụ, mẫu và hướng dẫn để bắt đầu dự án Material UI tiếp theo của bạn.
Tích hợp
Các ví dụ tích hợp sau đây có sẵn trong /examplesthư mục của kho lưu trữ GitHub Material UI. Các ví dụ này có Material UI được ghép nối với các thư viện và khung React phổ biến khác, do đó bạn có thể bỏ qua các bước thiết lập ban đầu và bắt đầu xây dựng ngay.
Bạn không chắc chắn nên chọn cái nào? Chúng tôi khuyên dùng Next.js để kết xuất phía máy chủ hoặc Vite nếu bạn muốn xây dựng SPA. Xem Bắt đầu Dự án React mới từ tài liệu React chính thức để tìm hiểu thêm về các tùy chọn có sẵn.
Bộ định tuyến ứng dụng Next.js
Bộ định tuyến trang Next.js
Vite.js
Phối lại
Tạo ứng dụng React
Tailwind CSS + Tạo ứng dụng React
thành phần theo phong cách
Hành động trước
Mạng lưới phân phối nội địa
Express.js (kết xuất trên máy chủ)
Gatsby
Phản ứng-quản trị
Tinh chỉnh
Chủ đề và mẫu chính thức
Sau khi chọn được khung mong muốn ở trên, bạn có thể chuyển sang tài liệu Mẫu và chọn giao diện người dùng có sẵn để cắm vào.
Để có giao diện người dùng phức tạp hơn được dựng sẵn, hãy xem các chủ đề và mẫu cao cấp của chúng tôi trong Cửa hàng MUI.
Dự án cộng đồng
Các dự án sau đây được cộng đồng duy trì và được nhóm Material UI tuyển chọn. Chúng là nguồn tài nguyên tuyệt vời để tìm hiểu thêm về cách sử dụng Material UI trong thế giới thực cùng với các thư viện và công cụ phổ biến khác.
Trả
-
- Công cụ xây dựng ứng dụng web.
- Chọn khung và thư viện của bạn (React với Material UI).
- Chọn cơ sở dữ liệu của bạn (SQL, MongoDB hoặc Firestore).
- Tạo mô hình cơ sở dữ liệu và ứng dụng của bạn bằng GUI trực quan.
- Tạo ứng dụng của bạn, bao gồm cả phần phụ trợ hoàn chỉnh.
- Xem trước ứng dụng của bạn trực tuyến và tải xuống mã đã tạo.
-
Divjoy :
- Tạo ứng dụng Material UI trong vài phút.
- Mẫu, xác thực, tích hợp cơ sở dữ liệu, thanh toán đăng ký và nhiều hơn nữa.