react js

کدوم فریمورک برای React.js

اول، چرا فریمورک؟

ناگفته پیداست که من از اهالیِ قبیله‌ی بی‌فریمورک‌هرگز هستم. القصه لقمان را پرسیدند چه کسی از فریمورک استفاده نکرد؟ بگفتا آنکه چرخ را دوباره اختراع کرد.

الغرض من برای سمت کاربر فعلا از ReactJS استفاده می‌کنم، دلایلش رو هم قبلا تو وبلاگم نوشتم. ولی دست و دلم نمیره که همه‌ی کامپوننت‌ها رو از صفر خودم طراحی کنم، برای همین دنبال فریمورک‌هایی گشتم که بر پایه‌ی ReactJS بنا شده باشن و چندتا شون که به نظرم بهتر بودن رو مدتی تست کردم. باری تو این نوشته می‌خوام درباره‌ی این فریمورک‌ها براتون بنویسم. البته اگه واقعا بشه به همشون گفت فریمورک. در هر صورت من سخت نمی‌گیرم و بهشون میگم فریمورک، شما هم سخت نگیرین! 😉

.

دوم، معیارهای من برای انتخاب یه فریمورک

من برای انتخاب یه فریمورکِ سمت کاربر موارد زیر رو مدنظر داشتم:

  • راحت بتونم با چندتا تغییر کوچیک راست‌چینش کنم.
  • راحت بتونم از React Router توش استفاده کنم. گرچه با تغییراتی که تو نسخه‌ی جدید React Router داده شده با اکثر فریمورک‌ها سازگاره.
  • اکثر کامپوننت‌های رایج رو داشته باشه. مثل انواع input، دیالوگ یا همون modal، جدول و قس علی هذا…
  • بتونم بی‌دردسر گریدبندی توش انجام بدم. مخصوصا طراحی ریسپانسیو توش ممکن باشه.
  • بَر و رو هم داشته باشه، خلاصه ما هم دل داریم دیگه! 😉

.

سوم، فهرست فریمورک‌ها

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

Material UI

Material UI

Material UI همونجور که از اسمش بر میاد از نظر ظاهری پیرو خط Material Design گوگل هست و وجدانا از لحاظ بَر و رو هیچی کم نداره، حسابی خوشگل و تو دل بروست.

راست‌چین کردنش اما چندان بی‌دردسر نیست. آری شود، ولیک به خونِ جگر شود!

بیشتر کامپوننت‌های مورد نیاز برای طراحی یه اپلیکیشن تحت وب رو داره. ری‌اکت روتر رو هم میشه توش زور چپون کرد.

اما سیستم گریدبندی نداره و زحمتش میفته گردن خودمون! راستی، Material UI همچین یخورده سنگینه!

mui css

MUI CSS

نقطه‌ی قوت MUI CSS به نظر من کم‌حجم و سبک بودنشه. اما در عوض قیافه‌ی خیلی دلچسبی نداره. گرچه خیلی هم بد نیست. بهتره بگم از نظر ظاهری ساده‌ست.

خیلی از کامپوننت‌ها رو داره، اما خیلی هم فهرست کامپوننت‌هاش کامل نیست. زحمت بعضی از کامپوننت‌ها رو خودمون باید بکشیم.

مشکلی با React Router نداره. راست‌چین کردنش هم شدنیه. یه سیستم گریدبندی ساده هم داره.

react-mdl

React-MDL

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

Ant Design

Ant Design

قیافه‌ش خوبه و مورد تائید منه 😀 با ری‌اکت روتور هم می‌تونه کار کنه.

فهرست کاملی از کامپوننت‌ها رو ارائه میده، چیزی کم و کسر نداره که هیچ، اضافه هم داره. یه سیستم گریدبندی درست و درمون رو هم در اختیارمون میذاره. راست‌چین کردنش هم تقریبا ساده و نسبتا بی‌دردسره.

فقط اینکه Ant Design یخورده سنگینه!

.

چهارم، بالاخره کدوم یکی؟

من فعلا ترجیح میدم از Ant Design استفاده کنم. دلایلش رو هم تو همین نوشته گفتم 😀

.

تو این نوشته خیلی تند تند حرف زدم؟ شما به بزرگی خودتون ببخشید…

قربان شما، آمیرزا

.

آمیرزا

یه برق‌خونده‌ی علاقه‌مند به برنامه‌نویسی

6 دیدگاه برای “کدوم فریمورک برای React.js

پاسخ دهید

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