15 کتابخانه کاربردی در React Native (قسمت اول)

در این پست از بلاگ قصد داریم لیستی از پر کاربرد ترین کتابخانه های react native رو بر اساس تعداد استفاده در اپلیکیشن های اندروید و ios رو برسی کنیم.
-
-
react navigation :
کاربرد:
جابه جایی بین صفحات اپلیکیشن – ساخت tab – ساخت drawer.
react navigation یک کتابخانه بسیار کاربردی برای اپلیکیشن های android و ios است بطوری که شما محدود اپلیکیشنی پیدا میکنین که در اون بین صفحات جابه جایی وجود نداشته باشه و از این کتابخونه استفاده نکرده باشه. علاوه بر این شما میتونین با نصب این کتابخونه برای اپلیکیشن خودتون لیست کشویی (drawer navigation) و تب (tab navigation) بسازین.
برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.
-
lottie:
کاربرد:
ساخت انیمیشن.
Lottie یک کتابخانه برای Android و iOS است که انیمیشن Adobe After Effects رو با استفاده از یک ابزار open-source به نام Bodymovin بصورت JSON درون تلفن همراه نمایش میده.
برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.
-
native base:
کاربرد:
شامل کامپوننت های آماده زیر میباشد:
- Anatomy
- Accordion
- ActionSheet
- Badge
- Button
- Card
- Check Box
- Date Picker
- Deck Swiper
- FABs
- Footer Tabs
- Form
- Header
- Icon
- Layout
- List
- Picker
- Radio Button
- Search Bar
- Segment
- Spinner
- Swipeable List
- Tabs
- Thumbnail
- Toast
- Typography
- Drawer
- Ref
یک کتابخانه کاربردی و open-source برای ساخت رابط کاربری جذاب برای دو نسخه Android و Ios .یکی از مهم ترین ویژگی های native base اینکه شما میتونید کامپوننت ها رو customize کرده و استایل های مربوط به هر کامپوننت رو تغییر بدین.همچنین native base در expo قابل استفاده است.
برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.
-
vector-icons:
کاربرد:
استفاده از آیکون های متفاوت.
React Native Vector Icons یکی از محبوب ترین کتابخانه های موجود در GitHub است.این کتابخانه بیش از 3000 آیکون دارد که همگی رایگان هستند.این آیکون به صورت کامل سفارشی سازی شده و میتونین اندازه و رنگ رو با توجه به نیازتون تغییر بدین.
برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.
-
maps:
کاربرد:
نمایش نقشه.
این کتابخونه توسط گوگل طراحی شده برای زمانی که بخواهیم در اپلیکیشن خودمون نقشه رو نمایش بدیم.
برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.
-
router flux:
کاربرد:
جابه جایی بین صفحات.
اrouter flux یک کتابخونه قدرتمند و ساده برای جابه جایی بین صفحات است.
-
react native navigation:
کاربرد:
جابه جایی بین صفحات.
react native navigation یک کتابخانه ساده برای جابه جایی بین صفحات برای دو پلتفرم android و ios در react native است.
-
react native swiper :
کاربرد:
ساخت اسلایدر
swiper یکی از کتابخانه های کاربر پسند در زمینه ساخت اسلایدر در اپلیکیشن های android و ios است.
-
redux:
کاربرد:
استفاده state در چند فایل بطور همزمان.
بعضی از state ها باید بین چندین کامپوننت به اشتراک گزاشته بشن.یک مثال خوب در این مورد session state است.زمانی که اپلیکشن load میشه،معمولا یک سری اطلاعات کاربر نیازه که بین چندین کامپوننت مختلف share بشه.به احتمال خیلی زیاد این کامپوننت ها هیچ ارتباط مستقیمی با هم ندارند بنابراین Redux یک راه حل مناسب برای به اشتراک گزاشتن state ها است.
برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.
-
React Native Camera:
کاربرد:
استفاده از دوربین در پروژه.
کتابخونه React Native Camera این امکان رو به اپلیکیشن میده تا به دوربین گوشی دسرسی داشته باشه و بتونه عکس بگیره و اونو ذخیره کنه.
-
gifted chat:
کاربرد:
ساخت اپلیکیشن برای چت کردن.
این کتابخانه این امکان را فراهم میکند تا یک اپلیکیشن برای چت کردن ایجاد کنیم.
-
react native animatable :
کاربرد:
ساخت انیمیشن در کوتاه ترین زمان.
یکی از عواملی که باعث زیبایی اپلیکیشن میشه استفاده از انیمیشن ها است. اما اگر یادگیری animated در react native برای شما مشکله میتونید انیمیشن های آماده این کتابخانه را فراخوانی و بسیار ساده از آنها استفاده کنید.
-
realm :
کاربرد:
دیتابیس برای موبایل
دیتابیس Realm رو میشه نسل جدید دیتابیس های موبایل دانست که در اپلیکیشین های React Native برای هر دو پلتفرم Android و Ios استفاده میشه.
-
react native video:
کاربرد:
نمایش ویدئو .
اگر نیاز دارید در اپلیکیشن android یا ios خود ویدئو نمایش دهید بهترین انتخاب استفاده از کتابخانه React Native Video است.
-
push notiofication :
کاربرد:
پیاده سازی نوتیفیکیشن.
نوتیفیکیشن پیام هایی هستند که شما میتونید در هر زمانی و با هدف خاصی برای کاربران برنامتون ارسال کنید در حالی که لازم نیست کاربر با برنامه شما کار کند.
-
تا به اینجا با 15 کتابخانه در ری اکت نیتیو آشنایی پیدا کردید ، در قسمت دوم این نوشته سعی میکنیم 15 مورد دیگه رو باهم بررسی کنیم . اگه تجربه کار با هرکدوم از این کتابخونه ها رو دارید حتما نظرتون رو در کامنت ها با ما به اشتراک بزارید .
مطالب زیر را حتما مطالعه کنید
چگونه از ماژول های نیتیو Android و IOS در React Native استفاده کنیم؟
تفاوت توسعه برنامه های android و ios
آموزش آرایه در جاوا اسکریپت ( JavaScript)
استفاده از Flipper در پروژه های ری اکت نیتیو (React Native)
نمایش PDF در react native
استفاده از Mapbox در react native (ری اکت نیتیو)
4 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام، یعنی برای react native
کتابخانه های غیر رسمی هم ایجاد میشه؟ ری اکت نیتیو مشکل کتابخونه نداره؟ یعنی غنی از کتابخونه برای،برنامه نویسی موبایل هست؟ محدودیت نداره؟
سلام مهدی عزیز.
منظورت از کتابخونه غیر رسمی چیه؟
هر کسی میتونه برای react native کتابخونه توسعه بده و اون رو داخل npm بزاره .در حال حاضر برای هر چیزی که فکر کنید برای react native کتابخونه وجود داره و اگر جایی به مشکل خوردید میتونید خودتون اون رو بنویسید ودر اختیار بقیه هم بزارید
واقعا نوشته خوب و جالبی بود ، فقط یه سوال ، الان انتخاب ریداکس تو لیست کتابخونه ها درسته ؟ همچنین انتخاب realm
تشکر از وبلاگتون
سلام سعید عزیز.ریداکس و realm جزئ کتابخونه های فوق العاده ای هستند که برای react native وجود داره.اگر به دنبال یک state manager فوق العاده و قدرمتند هستید که برای پروژه های بزرگ خوب باشه redux بهترین گزینه است.همچنین اگر دنبال یک دیتابیس local با سرعت فوق العاده هستید realm جزئ بهترین گزینه ها است