وب سایت آموزشی reactapp.ir ، ,ورود به دنیای جاوااسکریپت
۱۰ اپلیکیشنی که با React Native پیاده سازی شده اند
در دنیای توسعه اپلیکیشن ها همیشه به دنبال راهکارهایی برای توسعه سریع ، کاهش هزینه توسعه و عملکرد بهتر اپلیکیشن ها میگردیم. شرکت هایی که اپلیکیشن طراحی میکنند اغلب به دنبال این هستند که اپلیکیشن هایی با تجربه کاربری ، عملکرد و سرعت بهتری طراحی کنند که بر روی سیستم عامل های مختلف اجرا بشه.
مفهوم ساخت و توسعه اپلیکیشن ها با استفاده از یک نمونه کد برای سیستم عامل های مختلف کمی باور نکردنی به نظر میرسید.با این حال React Native باعث سرعت بخشیدن به فرآیند ساخت اپلیکیشن ها برای اجرا روی سیستم عامل های مختلف (Android , IOS) شده است.اگه نمیدونیReact Native چیه میتونی مقاله معرفی React Native رو که قبلا نوشتیم بخونی.
چرا بزرگترین شرکت ها از React Native استفاده می کنند؟
- Facebook & React Native
ری اکت نیتیو با توسعه پروژه Facebook’s hackathon برای پاسخگویی به نیاز های فیسبوک آغاز شد.فیسبوک میخواست تمام ویژگی های توسعه وب مانند تکرار سریع و داشتن یک تیم واحد برای توسعه محصول برای موبایل رو به ارمغان بیاره.این نشون میداد که React Native چگونه قدرتی برای توسعه اپلیکیشن های موبایلی که روی هر دو سیستم عامل Android , IOS اجرا بشه رو داره.
در اصل فیسبوک React Native را برای پشتیبانی از IOS توسعه داد اما با پشتیبانی اخیر از Android ، هم اکنون میتونید از UI های خود برای هر دو سیستم عامل ااستفاده کنید.فیسبوک ار React Native برای توسعه نرم افزار AdsManager خود استفاده میکند که هر دو نسخه آن توسط تیم توسعه دهنده React Native طراحی شده است.
نتیجه:
بهبود عملکرد: در حال حاضر راه اندازی داشبورد دوبرابر سریعتر شده وبسیاری از پیشرفت ها در سطح framework انجام شده که تعیین میکند که برنامه React Native شما در بروز رسانی به اخرین نسخه به نفع شما خواهد بود.چون از سرعت و رابطه کاربری بهتری لذت خواهید برد.
- Facebook Ads & React Native
اولین برنامه توسعه داه شده با React Native برای اندروید و اولین اپلیکیشن کامل مبتنی بر cross platform ساخت این شرکت بود.این Framework به نظر میرسه که کاملا مناسبه برای بسیاری از کسب و کارهای پیچیده که نیاز به دقت در دسته بندی تفاوت ها در فرمت های تبلیغاتی،مناطق زمانی ، ارزها ، فرمت های تاریخ و… به ویژه اینکه بخش بزرگی از آن در جاوا اسکریپت پیش نویس شده است.
چرا آن ها React Native را انتخاب کردند؟
از دیدگاه طراحی ، رابط کاربری با UX بصری و ناوبری بسیار ساده و جذاب هستند.انیمیشن ها و انتقال ها کامل هستند و غیرطبیعی به نظر نمیرسند.
نتیجه:
اولین چیزی که متوجه میشوید این است که برنامه از رعد و برق سریعتر است، صرف نظر از عملیاتی که میخواهید انجام دهید. از بررسی وضعیت کمپین جاری تا ساختن یک کمپین جدید، نیاز به یک یا دو جایجایی بین صفحات برای هدایت به سطح بعدی یا دسترسی آسان به اطلاعات بیشتر نیست.
- Walmart & React Native
موفق به بهبود عملکرد برنامه در هر دو نسخه iOS و Android با استفاده از منابع کمتر و در مدت زمان کوتاهترشد. ۹۶٪ از پایگاه داده بین سیستم عاملها به اشتراک گذاشته شده بود در حالیکه مهارت ها و تجارب توسعه دهندگان در سراسر سازمان استفاده شد.این یعنی صرفه جویی در زمان و هزینه.اگر شما هم یک شرکت هستید و نیاز دارید در کمترین زمان بهترین بهره وری را داشته باشید و تجربیات بین اعضای سازمانتان به خوبی منتقل شود.React Native بهترین گزینه برای توسعه اپلیکیشن شما است.
چرا آن ها React Native را انتخاب کردند؟
?
- Bloomberg & React Native
نرم افزار تلفن همراه جدید بلومبرگ برای iOS و Android به مشتریان یک تجربه ساده و تعاملی با محتوا، فیلم ها و فید های زنده را که از طریق رسانه های بلومبرگ برجسته شده است را می دهد. برای توسعه نرم افزار، شرکت یک framework توسعه نرم افزار تلفن همراه منحصر به فرد استفاده کرد. یک تیم مهندسی در دفتر مرکزی شهر نیویورک بلومبرگ این برنامه را با استفاده از React Nativeتولید کرد.
?
- Instagram & React Native
اینستاگرام چالش ادغام React Native با برنامه موجود خود را از ساده ترین دیدی که می توانید تصور کنید، به نمایش گذاشت: نمایش Notification Push که اساسا به عنوان WebView اجرا میشد. این نیازی به ساخت زیرساخت های ناوبری نداشت، زیرا UI بسیار ساده بود.
چرا آن ها React Native را انتخاب کردند؟
تیم توسعه Instagram با مشکلاتی مواجه شد اما سرعت آنها به طور قابل ملاحظه ای افزایش پیدا کرد. ۸۵ تا ۹۹ درصد از کدها بین اپلیکیشنهای Android و iOS به اشتراک گذاشته شد، بنابراین تیم توسعه توانست برنامه را سریعتر از آنچه که با یک راهبرد محلی در اختیار دارد، ارائه کند.
- SoundCloudPlus &React Native
یک برنامه کاربردی برای سازندگان است که به آنها کمک می کند تا حساب های خود را مدیریت کنند. هنگامی که شرکت شروع به طراحی مجموعه دوم برنامه های Native کرد، آنها با چند مانع مواجه شدند. توسعه دهندگان iOS توانایی پیدا کردن را نداشتند و نمی خواستند شکاف زیادی بین نسخه های iOS و Android وجود داشته باشد.بنابراین، یک تیم تحقیق مستقل شروع به اجرای جلسات آزمایش کاربر با نمونه اولیه React Native کرد.
چرا آن ها React Native را انتخاب کردند؟
تجربه آنها با framework به طور کلی مثبت بود. توسعه دهندگان متوجه شدند که کار با React Native بسیار اسانتر از کار با زبان native است. علاوه بر این، آنها توانستند بدون نیاز مکرر از توسعه دهندگان تخصصی تلفن همراه، برنامه خود را بسازند.
?
- Townske & React Native
این اپلیکیشن شما را به افراد محلی متصل میکند تا به لیستی از مکان های مورد علاقه انها دسترسی پیدا کنید تا مانند افراد محلی به کشف و تجربه مکان های مختلف بپردازید.برای کاربران ضروری نیست که حساب کاربری داشته باشند و این عالی است زیرا به شما اجازه میدهد تا سریعا مکان بعدی را که میخواهید بازدید کنید، پیدا کنید.
چرا آن ها React Native را انتخاب کردند؟
ری اکت نیتیو بر روی ساخت یک رابط کاربری تلفن همراه متمرکز است.در مقایسه با فریمورک های جاوا اسکریپت مانند Angluar Js یا Metro Js تمرکز React Native بر روی UI است و آن را بیشتر شبیه یک کتابخانه جاوا اسکریپت نسبت به یک فریمورک می کند.رابط کاربری حاصل از آن بسیار واکنش گرا است و به دلیل تعاملات غیرهمزمان با جاوا اسکریپت بسیار روان است.این موضوع به این معنی است که زمان بارگذاری بسیار سریع تر و روان تر از یک اپلیکیشن hybrid است.
?
- Gyroscope & React Native
شما را قادر میسازد تا روند کامل زندگی خود را مشاهده کنید.این یک اپلیکیشن سلامتی بر پایه استروئیدهاست.شما نه تنها قادر به پیگیری گام های خود هستید بلکه میتوانید تمرینات یا ضربان قلب خود را پیگیری کنید.همچنین شما میتوانید با ده ها هزار یکپارچه سازی میتوانید فعالیت هایی مانند بهره وری را در کامپیوتر پیگیری کنید و یا با استفاده از ردیاب خواب Ai از میزان خوابتان به اندازه کافی اطمینان حاصل کنید.
نتیجه:
تمام داده ها در دو نمایش زیبا و جذاب طراحی شده اند:حالت ساده وکارت. همه داده های ردیابی در گزارشات روزانه ، هفتگی و ماهانه ارائه می شوند . همچنین شما میتوانید مواردی که در آینده میخواهید بر روی آن تمرکز کنید را انتخاب کنید.
?
- Wix & React Native
یک شرکت آنلاین است که خدمات طراحی سایت و میزبانی وب را ارائه می دهد. کاربران میتوانند وب سایت خود را با HTML5 , CSS3 با استفاده از Drag , drop بسازند. دو تا از ویژگی های محبوب Wix این است که توسعه دهندگان میتوانند وب اپلیکیشن خودشون رو برای فروش به مشتریانشان بسازند و کاربران میتوانند بدون هیچ دانش برنامه نویسی وب سایت بسازند.
در اپلیکیشن Wix شما میتونید وب سایت های خودتون رو مدیریت کنید با کاربران سایتتون بصورت Real Time گفتگو کنید و فروشگاه خودتون رو مدیریت و محصول اضافه کنید.
- Delivery.com & React Native
کافیه که فقط در Delivery.com آدرس خودتون رو ثبت کنید تا به تمام رستوران ها و فروشگاه های محلی متصل بشید و از بین هزاران رستوران غذا مورد علاقه خود را سفارش دهید تا به بدون هزینه ارسال درب خونه غذا رو تحویل بگیرید.هر روز بیش از یک میلیون مشتری در حالی که درمنزل ، محل کار یا سفر هستند از ده ها هزار فروشگاه محلی کالای مورد نظر خود را سفارش می دهند.
چرا آن ها React Native را انتخاب کردند؟
ری اکت نیتیو به شما اجازه میدهد تا بین پلاگین ها و ماژول های native ارتباط برقرار کنید. بنابراین شما میتوانید نقشه را با تابع های دستگاه مثل زوم،چرخش و قطب نما ترکیب کنید در حالی که از حافظه کمتری استفاده میکنید و سرعت بارگذاری بسیار بیشتر است.
?
اپلیکیشن های معروف دیگه ای با React Native توسعه داده شدند که من در اینجا فقط ۱۰ تا از این اپلیکیشن ها رو معرفی کردم.اگر دوست دارید که با اپلیکیشن های دیگه ای که با React Native ساخته شدند آشنا بشید میتونید از اینجا بهش دسترسی داشته باشید.
امیدواریم این نوشته ها براتون مفید باشه و اگه اینطور بود این انرژی مثبت رو به ماهم انتقال بدید .
منبع : بلاگ reactapp.ir
مطلبی دیگر از این انتشارات
ری اکت رو قورت بده - ۲
مطلبی دیگر از این انتشارات
چطوری یه پروژه React ای رو Code Review کنیم؟
مطلبی دیگر از این انتشارات
اگر React و Chrome بچه داشتند. (بخش اول، ژن React)