دوره های پرنیان

معرفی کامل ant design ، کتابخانه زیبای چینی

معرفی کامل ant design ، کتابخانه زیبای چینی

کتابخانه ant design را میتوان یک سیستم طراحی برای محصولات در سطح سازمانی دانست که در نهایت میتوانید یک تجربه کاری کارآمد و لذت بخش ایجاد کنید.

معمولا از این سیستم در پروژه های ری اکت استفاده میشود. ANT DESIGN شامل مجموعه‌ای از مؤلفه‌ها و نسخه‌های نمایشی با کیفیت بالا برای ساخت رابط‌های کاربری غنی و تعاملی است.

در قدرت و انعطاف این کتابخانه همین بس که دو غول بزرگ چینی، یعنی alibaba و baidu از آن برای ui design خود استفاده میکنند.

مهمترین ویژگی های آنت دیزاین

🌈 UI Enterprise که برای برنامه های کاربردی وب طراحی شده است.

📦 مجموعه ای از اجزای React با کیفیت بالا .

🛡 اجزای TypeScript با انواع استاتیک.

⚙️ بسته کامل منابع طراحی و ابزارهای توسعه.

🌍 پشتیبانی بین المللی برای ده ها زبان.

🎨 سفارشی سازی تم قدرتمند در تمام جزئیات.

پشتیبانی ANT DESIGN در مرورگرها

در لیست زیر مشاهده کنید:

نصب کتابخانه ant design

توصیه می کنیم از npm یا yarn برای نصب استفاده کنید، این نه تنها توسعه را آسان می کند، بلکه به شما امکان می دهد از اکوسیستم غنی بسته ها و ابزار جاوا اسکریپت بهره ببرید.

میتوانید از دستورات زیر برای نصب آنت دیزاین اسفاده ببرید.

$ npm install antd

$ yarn add antd

اگر هم اهل دریافت مستقیم کد هستید میتوانید به صفحه github این کتابخانه دوست داشتنی مراجعه کنید.

همچنین میتوانید از CDN های قدرتمند آنت دیزاین استفاده کنید.

سایت آنت دیزان اعلام کرده که antd.js antd.css و antd.min.js antd.min.css را تحت antd/dist در بسته npm antd ارائه میکند.

استفاده از ANT DESIGN

باید حتما بصورت دستی استایل ها را به برنامه خود ایمپورت کنید. مانند کد زیر:

import ‘antd/dist/antd.css’; // or ‘antd/dist/antd.less’

در مرحله بعد باید برای استفاده از هر کدام از المان ها، ابتدا آنها را فراخوانی کرده و طبق دستورالعمل در کد برنامه استفاده کنید.

لطفا به قطعه کد زیر دقت کنید:

import { Button, DatePicker } from ‘antd’;
const App = () => (
<>
<Button type=”primary”>PRESS ME</Button>
<DatePicker placeholder=”select date” />
</>
);

همانطور که در کد بالا میبینید، کامپوننت های مورد استفاده را ابتدا فراخوانی کرده و سپس طبق دستورالعمل، نگارش شده است.

برای بدست آوردن لیست کاملی از کامپوننت ها و ویژگی های این کتابخانه با ارزش، وارد سایت ANT DESIGN شده و از آن بهره ببرید.

امیدوارم این مقاله و آشنایی شما با این کتابخانه برایتان مفید بوده باشد.♥

امیدواریم از این مقاله نهایت استفاده را برده باشید و آن را با دوستانتان به اشتراک بگذارید. تیم تولید محتوای مدرسه اینترنتی پرنیان این مقاله را تهیه کرده است.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

کلاس طراحی سایت