Ant-design là cái quái gì?

Nếu bạn đang tìm kiếm một React UI Component Libraries, ngoài Material-UI của anh google đang có hơn 49k start thì một cái tên chúng ta không thể không nhắc đến Ant-design của anh tung của là với hơn 50k start.

Chúng ta cùng tìm hiểu một Ant-desgin của anh tung của sao lại có số start lớn đến thế

  1. Thứ nhất document Ant-desgin vô cùng dễ hiểu, và khá là clear cho các nhà phát triển, có 2 phần là các api và phần demo song song. Vô cùng tiện ích cho các dev. Mình đã dùng ant-design và Material-ui thì doc của 2 cụ này khá là tương đồng nhau.

  2. Thứ 2 khả năng Customize Theme dễ dàng, support khá nhiều cách đơn cử vài cách 😄

      1. Customize in webpack
      1. Customize in Umi
      1. Customize in less file
  3. Thứ 3 về components

Các base components Ant-design cung cấp cho chúng ta là vô cùng đa dạng và đầy đủ, hầu như chúng ta không cần phải viết thêm mới bất cứ một base component nào.

  • Các button, icon, Typography
  • Navigation
  • Layout
  • Data Entry
  • Data Display
  • Feedback
  • Other component
  1. Khả năng customize base component là rất linh hoạt và dễ dàng

Các dự án khác nhau, yêu cầu sẽ khác nhau nên cần có sự can thiệp để các base components của Ant-desing, để đáp ứng được nhu cầu của từng dự án

Nói về customize base component, mỗi base component Ant-design có hàng tá các props giúp chúng ta có thể làm việc dễ dàng với chúng thông qua các props, và chúng khá dễ và clear vì có demo code luôn. Điều này mình đánh giá rất cao vấn đề này. Ant-design còn làm tốt hơn cả material-ui hay cả document của reactJS.

Ngoài ra bạn có thể dùng styled-component để customize các base component của Ant-design một cách khá là dễ dàng.

  1. Tích hợp làm việc với các third party

Tuỳ thuộc vào từng dự án mà chúng ta sử dụng nhiều package và module từ nhiều nguồn. Ant-design cũng không kén chọn khả năng tưng thích là điều bạn không cần phải nghĩ.

  1. Support dàn layout grid và Layout tương thích trên nhiều thiết bị và màn hình khác nhau

Bạn không phải dùng thêm bất kỳ 1 thư viện như boostrap hay tự viết css cho reponsive cho các màn hình khác nhau nữa. Với Ant-design chúng là All-in-one

  1. Không chỉ là webcomponent và An-desgin có cả Mobile-component

Cũng giống như version webcomponent version mobile-component cũng cung cấp cho dev các chức năng như webcomponent

Mobile-component cái mà material-ui chưa làm được thì and-design đã có version trên mobile. Mình cũng đã thử dùng nhìn chung khá mượt mà, điều đặc biệt là tiết kiệm khá nhiều time để build các màn hình so với các dùng các base component của react-native

Document là điều mình đánh giá cao cho cả version webcomponent và mobilecomponent, được đầu tư cả về chất và lượng

  1. Cộng đồng phát triển và người dùng rất đông, nên chúng ta không thiếu sự support từ cộng đồng các công ty lớn trên thế giới đang dùng Ant-desgin chúng ta kể đến

    1. Ant Financial
    2. Alibaba
    3. Tencent
    4. Baidu
    5. Koubei
    6. Meituan
    7. Didi
    8. Eleme

Ant-design không phải là cái vớ vẩn mà nó rất chi là ra gì, không tự dưng Ant-design lại có 1 lượng start lớn đến thế phải không các bạn. Hi vọng bài viết cho các bạn 1 cái nhìn tổng thể về Ant-design giúp các bạn tiết kiệm time khi lựa chọn một một React UI Component Libraries. Cái cũng khá là đau đầu khi bắt đầu start 1 dự án.