کتابخانه React Icons به ما اجازه میده تا بصورت رایگان به بیش از 45 هزار آیکن دسترسی داشته باشیم و بتونیم توی پروژه های ری اکتی خودمون ازشون استفاده کنیم.
پس اگه React Developer هستید و میخواید توی پروژتون از آیکن استفاده کنید، این مقاله رو مطالعه کنید تا ببینیم مزایا و معایب کتابخانه react-icons چیه 🙂
یکی از بهترین راه های بهبود تجربه کاربری ( UX ) استفاده و نمایش آیکن ها در وبسایت هست. چراکه دیدن آیکن ها در صفحات وب، حس خوبی به کاربر منتقل میکنه.
جدای از این موضوع، برای نمایش برخی موارد ما نیاز به آیکن ها داریم و نمیتونیم از متن استفاده کنیم، مثل آیکن سبد خرید ( خیلی جالب نیست که سبد خرید رو با متن نمایش بدیم، بهتره از آیکن سبد خرید استفاده کنیم )
زمانیکه ما از ریکت استفاده میکنیم، کتابخانه ها و انتخاب های خیلی زیادی برای نمایش آیکن در ریکت داریم! اما از بین این همه کتابخانه، کدوم رو انتخاب کنیم؟
از طرفی شاید ما به چند آیکن در چند کتابخانه مختلف نیاز داشته باشیم، راه حل چیه که بتونیم بدون نصب چند کتابخانه، به اون آیکنها دسترسی داشته باشیم ؟
راه حل کتابخانه react-icons هست که از محوبیت و جامعه آماری خیلی خوبی برخورداره و کاملا رایگانه!
کتابخانه React Icons از هزاران آیکن زیبا و حرفه ای تشکیل شده که به ما اجازه میده در پروژه React خودمون آیکن دلخواه خودمون رو نمایش بدیم.
مزیت کتابخانه react-icons این هست که صرفا حجم آیکن فراخوانی شده رو به پروژه اضافه میکنه ( نه حجم کل آیکن های فراخوانی شده و نشده )
همین موضوع باعث میشه که پروژه ما بهینه باشه و حجم نهایی وبسایت سنگین نشه!
کتابخانه react-icons خودش از هزاران آیکن تشکیل شده که این آیکن ها از تمامی کتابخانه های آیکن دریافت شدن ( مثل ant design ، بوت استرپ ، فلت ایکن ، هیرو آیکن ، متریال و .. )
ما گفتیم که این کتابخانه از هزاران آیکن تشکیل شده. اما این آیکن ها از کجا اومدن ؟
آیکن های کتابخانه react icons از چندین کتابخانه گرفته شدن. در واقع نیازی نیست که ما تک تک این کتابخانه هارو نصب کنیم تا بتونیم به آیکن های اونها دسترسی داشته باشیم.
صرفا با نصب کتابخانه react-icons در ری اکت میتونیم به آیکن های تمامی این کتابخانه ها دسترسی داشته باشیم.
برای مشاهده ادامه آموزش + تیکه کد ها و مثالهای بیشتر لطفا روی لینک زیر کلیک کنید :
