Mengenal Ant Design : UI Component for React App

Pada kesempatan kali ini saya ingin mengenalkan sebuah UI Component untuk Aplikasi React. Ya, Ant Design. Untuk Developer React, pasti sudah tidak asing dengan UI Component tersebut. Ant Design merupakan UI Component yang dikembangkan dengan pattern Material Design. Ant design menyediakan Component yang menarik dari sisi user interface dan user experience. Ant Design menyediakan Component seperti alert, button, modal, notification, table, pagination, form handler, dan masih banyak lagi untuk dapat di explore.

Berikut kelebihan Ant Design:

- User Interface dan User Experience yang menarik.
- Mudah di implementasikan (dokumentasi disini : https://ant.design/).
- Support dengan mobile web responsive.
- Komponen sudah HOC (Higher Order Component). Memungkinkan me-reusable Component.

Cara install Ant Design:

Cukup tulis command dibawah ini pada terminal anda:

npm install antd --save

untuk mengimport Component Ant Design pada React Component yang kita buat bisa seperti dibawah ini:

Memanggil component Ant pada method render():

Dengan menggunakan Ant Design, sebagai developer react, dengan menggunakan Ant Design tentu dapat mempersingkat waktu development pengerjaan aplikasi. Sekian sedikit penjelasan mengenai Ant Design dari saya. Salam Semangat and Keep Coding guys! :D