محمد حسین عظیمی
محمد حسین عظیمی
خواندن ۳ دقیقه·۴ سال پیش

بهترین پکیج واسه پیاده سازی material design چیه

react-native-paper
react-native-paper

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

از جرقه این فکر تا امروز حدود یک سال میگذره و تقریبا میشه گفت که تازه یک هفته پیش یه پروژه به این قصد init کردم. همه چیز رو سعی کردم با وسواس و تر و تمیز پیاده سازی کنم و برم جلو. یه چیزی که تاحالا تو پروژه امتحان نکرده بودم و خیلی دوست داشتم این بود که از UI component های آماده استفاده کنم. تنها package ای هم که میشناختم native-base بود. جست و جو کردم و با چندتا package دیگه آشنا شدم. [از اونجایی که قبلا یه مقدار اندروید کار کردم و متریال دیزاین استاندارد طراحی توی اندروید هست و بیشتر بهش تمایل داشتم] تصمیم گرفتم که از react-native-paper استفاده کنم با این که react-native-material-design رو هم توسعه دادن.

خلاصه گذشت و امروز برای سرویس notification داشتم داکیومنت ها رو میخوندم. خیلی اتفاقی زدم که home page سایتش رو ببینم . دیدم که react-native-material-design هم برای همین تیم هست. چه جالب (انگار آشنا دیدم). از اونجایی که وقتم آزاد بود داشتم یه نگاه اجمالی به بقیه سرویس های firebase مینداختم؛ تو بخش Cloud Firestore یه لینک بود برای یه اپ todo و چیزی که اونجا دیدم خیلی برام جالب بود.

از react-native-paper استفاده کردن تو سمپلشون
از react-native-paper استفاده کردن تو سمپلشون

خیلی جالب بود برام! توی نمونه کدی که گذاشتن از پکیج ساخت خودشون import نکردن که هیچ، از خود react-native هم import نکردن. از react-native-paper استفاده کردن (تو پرانتز بگم که هر دوتا package material design رو برای react-native پیاده سازی کردن). انقدر جالب بود واسم که تصمیم گرفتم اولین نوشتم توی ویرگول این باشه (لذت های کوچک). یاد خیلی چیزا افتادم. چرا یه شرکت، تیم یا فرد از محصول خودش برای کارای خودش استفاده نکنه! وارد نتیجه گیری فلسفی نشیم :دی

یه کم فنی بگم و ختم کلام. اگر react-native کار میکنید package های دیگه ای هم هستن برای component های آماده UI، که میتونید از سایت npmtrends.com استفاده کنید و یه سری مقایسه ها رو انجام بدین. ولی پیشنهاد من به شما؛ برای پیاده سازی material design از react-native-paper استفاده کنید. علاوه بر component هاش امکان ایجاد theme رو هم به سادگی فراهم کرده. اگه تاحالا ام ازین package استفاده نکردین پیشنهاد میکنم حتما یه نگاهی بهش بندازین(لینک).

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


ری اکت نیتیومتریال دیزاینreact nativematerial designreact native paper
برنامه نویس موبایل
شاید از این پست‌ها خوشتان بیاید