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

در این پست از بلاگ قصد داریم لیستی از پر کاربرد ترین کتابخانه های react native رو بر اساس تعداد استفاده در اپلیکیشن های اندروید و ios رو برسی کنیم.

1. 1. react navigation :

      کاربرد:

      جابه جایی بین صفحات اپلیکیشن – ساخت tab – ساخت drawer.

      react navigation یک کتابخانه بسیار کاربردی برای اپلیکیشن های android و ios است بطوری که شما محدود اپلیکیشنی پیدا میکنین که در اون بین صفحات جابه جایی وجود نداشته باشه و از این کتابخونه استفاده نکرده باشه. علاوه بر این شما میتونین با نصب این کتابخونه برای اپلیکیشن خودتون لیست کشویی (drawer navigation) و تب (tab navigation) بسازین.

      برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.

       

                           

   2. lottie:

      کاربرد:

      ساخت انیمیشن.

      Lottie یک کتابخانه برای Android و iOS است که انیمیشن Adobe After Effects رو با استفاده از یک ابزار open-source به نام Bodymovin بصورت JSON درون تلفن همراه نمایش میده.

      برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.

       

      

   3. 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 قابل استفاده است.

      برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.

       

      

   4. vector-icons:

      کاربرد:

      استفاده از آیکون های متفاوت.

      React Native Vector Icons یکی از محبوب ترین کتابخانه های موجود در GitHub است.این کتابخانه بیش از 3000 آیکون دارد که همگی رایگان هستند.این آیکون به صورت کامل سفارشی سازی شده و میتونین اندازه و رنگ رو با توجه به نیازتون تغییر بدین.

      برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.

       

      

   5. maps:

      کاربرد:

      نمایش نقشه.

      این کتابخونه توسط گوگل طراحی شده برای زمانی که بخواهیم در اپلیکیشن خودمون نقشه رو نمایش بدیم.

      برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.

       

      

      استفاده از Mapbox در react native

   6. router flux:

      کاربرد:

      جابه جایی بین صفحات.

      اrouter flux یک کتابخونه قدرتمند و ساده برای جابه جایی بین صفحات است.

       

      

   7. react native navigation:

      کاربرد:

      جابه جایی بین صفحات.

      react native navigation یک کتابخانه ساده برای جابه جایی بین صفحات برای دو پلتفرم android و ios در react native است.

       

      

      آموزش React Navigation 5

   8. react native swiper :

      کاربرد:

      ساخت اسلایدر

      swiper یکی از کتابخانه های کاربر پسند در زمینه ساخت اسلایدر در اپلیکیشن های android و ios است.

       

      

   9. redux:

      کاربرد:

      استفاده state در چند فایل بطور همزمان.

      بعضی از state ها باید بین چندین کامپوننت به اشتراک گزاشته بشن.یک مثال خوب در این مورد session state است.زمانی که اپلیکشن load میشه،معمولا یک سری اطلاعات کاربر نیازه که بین چندین کامپوننت مختلف share بشه.به احتمال خیلی زیاد این کامپوننت ها هیچ ارتباط مستقیمی با هم ندارند بنابراین Redux یک راه حل مناسب برای به اشتراک گزاشتن state ها است.

      برای اشنایی بیشتر با این کتابخونه اینجا کلیک کنید.

       

      

   10. React Native Camera:

       کاربرد:

       استفاده از دوربین در پروژه.

       کتابخونه React Native Camera این امکان رو به اپلیکیشن میده تا به دوربین گوشی دسرسی داشته باشه و بتونه عکس بگیره و اونو ذخیره کنه.

        

       

   11. gifted chat:

       کاربرد:

       ساخت اپلیکیشن برای چت کردن.

       این کتابخانه این امکان را فراهم میکند تا یک اپلیکیشن برای چت کردن ایجاد کنیم.

        

       

   12. react native animatable :

       کاربرد:

       ساخت انیمیشن در کوتاه ترین زمان.

       یکی از عواملی که باعث زیبایی اپلیکیشن میشه استفاده از انیمیشن ها است. اما اگر یادگیری animated در react native برای شما مشکله میتونید انیمیشن های آماده این کتابخانه را فراخوانی و بسیار ساده از آنها استفاده کنید.

        

       

   13. realm :

       کاربرد:

       دیتابیس برای موبایل

       دیتابیس Realm رو میشه نسل جدید دیتابیس های موبایل دانست که در اپلیکیشین های React Native برای هر دو پلتفرم Android و Ios استفاده میشه.

        

       

       آموزش کار با پایگاه داده Realm در React Native

   14. react native video:

       کاربرد:

       نمایش ویدئو .

       اگر نیاز دارید در اپلیکیشن android یا ios خود ویدئو نمایش دهید بهترین انتخاب استفاده از کتابخانه React Native Video است.

        

       

   15. push notiofication :

       کاربرد:

       پیاده سازی نوتیفیکیشن.

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

        

       

       ارسال نوتیفیکیشن در React Native

تا به اینجا با 15 کتابخانه در ری اکت نیتیو آشنایی پیدا کردید ، در قسمت دوم این نوشته سعی میکنیم 15 مورد دیگه رو باهم بررسی کنیم . اگه تجربه کار با هرکدوم از این کتابخونه ها رو دارید حتما نظرتون رو در کامنت ها با ما به اشتراک بزارید .