- vừa được xem lúc

Mantine thư viện ui components tốt nhất cho React Next.js

0 0 6

Người đăng: qoobee

Theo Viblo Asia

Nếu bạn đang tìm một thư viện ui components cho ứng dụng react next.js hãy sử dụng Mantine - thư viện ui components tốt nhất cho React Next.js.

  • Mantine có đầy đủ các component và hook mà bạn sẽ cần trong quá trình phát triển, giúp tiết kiệm thời gian tập trung vào phát triển tính năng, tránh việc mất nhiều thời gian code những component phức tạp.
  • Cho phép bạn cài riêng lẻ từng component cần thiết.
  • Khả năng custom của mantine cực mạnh, có thể dùng nó như một headless UI.
  • Được update thường xuyên và ổn định, công đồng lớn.

120+ components

Xây dựng ứng dụng tiếp theo của bạn nhanh hơn với các thành phần chất lượng cao, được kiểm thử kỹ lưỡng. Mantine bao gồm mọi thứ bạn cần để tạo các ứng dụng phức tạp một cách dễ dàng: tùy chỉnh lựa chọn, bộ chọn ngày, thông báo, hộp thoại và nhiều hơn nữa.

mantine.dev_ (2).png

mantine.dev_ (1).png

Dark color scheme

Thêm chủ đề tối vào ứng dụng của bạn chỉ bằng một vài dòng mã – Mantine xuất các kiểu chung cho cả chủ đề sáng và tối, tất cả các thành phần đều hỗ trợ chủ đề tối ngay lập tức. image.png

Flexible styling

Các thành phần mantine được xây dựng bằng CSS gốc – các kiểu có hiệu suất cao và dễ ghi đè. Bạn cũng có thể tích hợp tailwind css nếu muốn.

mantine.dev_ (8).png

Extensions

Tiện ích mở rộng là các gói bổ sung cung cấp chức năng bổ sung cho Mantine, chẳng hạn như rich text editor, notifications system, charts, modals manager, table và nhiều hơn nữa. Chúng được xây dựng để dễ dàng tích hợp vào ứng dụng của bạn và mang lại trải nghiệm liền mạch.

mantine.dev_ (5).png

mantine.dev_ (6).png

mantine.dev_ (11).png

Hooks library

Hơn 70 hook có sẵn để xử lý các phần khó và phổ biến trong ứng dụng của bạn: use-move, use-resize-observer, use-hotkeys mantine.dev_ (4).png

Loved by the community

Mantine được hàng ngàn nhà phát triển trên toàn thế giới sử dụng. Đây là một dự án do cộng đồng thúc đẩy với hơn 500 người đóng góp.

Conclusion

Sử dụng mantine chắc chắn bạn sẽ happy. Hãy tận hưởng 🎉🎉🎉
Cảm ơn các bạn đã đọc bài viết!

Bình luận

Bài viết tương tự

- vừa được xem lúc

Viết một chiếc app quản lý Hạn sử dụng của thực phẩm

Mở đầu. Tôi là 1 kỹ sư công nghệ thông tin mới ra trường. Trong thời gian học Đại học, từ năm 1 tới năm 4, tôi đi làm thêm tại TSUTAYA (chuỗi cửa hàng bán sách, video...v.v nổi tiếng bên Nhật). Về chiếc App tôi đã phát triển. App tôi phát triển là Web App giúp quản lý hạn sử dụng của đồ ăn.

0 0 59

- vừa được xem lúc

Routing trong Next.js

Trước đó bạn có thể đang tò mò về Next.js, vào đây luôn bạn ơi. (go). .

1 0 61

- vừa được xem lúc

Cài đặt chuyển đổi ngôn ngữ trong một project NextJS

Ở phiên bản Nextjs Version 10 mới đây, việc sử dụng i18n đã trở nên dễ dàng hơn qua tính nâng cao là Internationalized Routing. Cài đặt cấu hình cơ bản. Tại file next.config.

0 0 81

- vừa được xem lúc

Cấu hình eslint airbnb, prettier cho dự next.js sử dụng typescript

Chào mọi, mình đã quay lại đây. Hôm nay mình sẽ đem đến một chủ đề linter cụ thể cấu hình eslint cho dự án next.

0 0 209

- vừa được xem lúc

Handling custom page navigation on Next.js

Last month we discussed about different kind of routing on Next.js. Here's a short example of creating a component that moves the user to next page. import { useRouter } from 'next/router'.

0 0 93

- vừa được xem lúc

Next Image một feature, một nâng cấp tuyệt vời version nextjs 10

NextJS đã cho ra mắt version 10 cách đây 2 tháng với hơn 20 fearture nâng cấp đáng giá. Chúng ta có thể kể ra những features nổi bật như. . Next/Image: với khẳ năng render image cho các kích thước màn hình tương ứng.

0 0 70