روح الله رجایی راد
روح الله رجایی راد
خواندن ۲ دقیقه·۵ سال پیش

گمشده من ant design

تقریبا خیلی دنبال یک فریمورک CSS میگشتم که با React جفت و جور باشه. همیشه انتخابم بوت استرپ بود. چون فکر میکردم هیچ CSS فریمورکی به کاملی اون نیست و همچنین کلی کامپونتت شخص ثالث (Third Party) توی نت هست که باعث میشه این فریمورک پشتوانه خوبی داشته باشه.تعداد استار های گیت هاب و منابع آموزشی و پیشنهادهای کاری حول محور بوت استرپ و ... باعث شده که این فریمورک تبدیل بشه به رتبه اول فریمورک ها...

ولی حقیقتش از اول هم با بوت استرپ حال نمیکردم. نام های کلاسش فوق العاده شلخته و در هم برهم هست(messy code)، مضاف بر اینکه وابسته به جی کوئری هست(البته توی ورژن 5 بوت استرپ قراره کلا جی کوئری رو حذف کنن) و به نظرم من جیکوئری عمرش تموم شده است و یک وصله ناجوره به هر برنامه تحت وبی که قراره تازه خلق بشه. این فریمورک همیشه منو آزار میداد.نمیتونستم اسم کلاساش رو حفظ کنم و هیچ وقت دوسش نداشتم

تا اینکه یه پروژه جدید React رو شروع کردم و گفتم الان وقت کنار گذاشتن بوت استرپ لعنتیه!

تمام موارد بالا + عدم پشتیبانی این فریمورک به صورت رسمی از React باعث شده بود عزمم رو جزم کنم برای ترک این فریمورک

خیلی سرچ کردم.معیارم در درجه اول JQuery Free بودن اون فریمورک/لایبرری برام مهم بود و دوم سینتکس کلاساش و سوم کاستومایز پذیری اون

اول رفتم سراغ Material Design . سینتکسش برام جالب نبود. یکم کار کردم حس خوبی بهم دست نداد گذاشتمش کنار

گزینه بعد Semantic UI بود. حقیقتا این یکی خیلی خوبه.. خیلی وقت بود اینو زیر نظر داشتم.روزهایی که توی پروژه ام با بوت استرپ سروکله میزدم با کلاسای کوفتیش، برای تمدد اعصاب خسته و درمونده میرفتم توی صفحه سیمانتیک و حسرت میخوردم کاشکی بوت استرپ هم همینطوری بود.

هم جی کوئری فری بود، هم رسمی ری اکت رو ساپورت میکرد و هم کلاساش واقعا سیمانتیک بود! هم RTL رو رسما پشتیبانی میکرد!

رفتم توی صفحه ری اکتش یه نمور کار کردم بدم نیومد.یکم جلوتر رفتم دیدم بد نیست ولی اونطوری هم که فکر میکردم دل پسند نیست.شاید توقعم زیاد بوده.گفتم فعلا بزارمش توی کوله پشتی ام چندتا دیگه رو هم تست کنم ببینم چی میشه.اگر بقیه اوکی نبودن برمیگردم به همین ری اکت سمانتیک

خلاصه.. Bluma,UI KIT,Foundation و چندتای دیگه رو تست کردم و خوشم نیومد تا رسیدم به یک گزینه دیگه ...ant design

باقیش قسمت دوم

reactcssbootstrapantant design
شاید از این پست‌ها خوشتان بیاید