راکت

React Native Performance

8 پاسخ

با سلام
دوستان من یک اپلیکیشن با RN نوشتم که از React Navigation استفاده کردم
و از StackNavigator , TabNavigator , DrawerNavigator به صورت Nested استفاده کردم.
به این شکل که یک DrawerMenu دارم ، لی اوته اصلی برنامه چنتا Tab داره و هر Tab یه StackNavigator داره که صفحات داخل تب رو مدیریت کنه.
الان به شددددددت پرفورمنسه برنامه افتضاح شده ، به طوری که SetState ها بعضی جاها برای مثلن نمایش Loading Spinner حدود 1 ثانیه طول میکشه ، یا در Navigate بین صفحات حداقل 2 ثانیه طول میکشه (لگ انیمشن نیستا ، 2 ثانیه فکر میکنه ...)
حتی goBack هم 2 ثانیه طول میکشه تا برگرده.
مشکل از کجا میتونه باشه ؟؟
با کارفرما به مشکل داریم میخوریم...
ممنون میشم دوستان تجربیاتشون رو به اشتراک بگذارن

ثبت پرسش جدید

پاسخ‌ها

8
arazsalmasi
arazsalmasi
@araz2salmasi

دوست عزیز این اینک میتونه کمکت کنه
منم این مشکل رو داشتم ولی بالاخره حلش کردم
روی بعضی گوشی ها بازم مشکل پرفرمنس هست ولی اونقد نیست که به چشم بیاد و رو بقیه حله ولی درکل ریکت مشکل نشت رم داره و مصرفش بالاس
https://roocket.ir/discuss/%DA%A9%D9%86-%D8%B4%D8%AF%D9%86-%D8%A7%D9%BE-%D8%AF%D8%B1-react-native

امیر یاوندحسنی
امیر یاوندحسنی
@mirmahna.s

تخصص: Full Stack Developer

@v.torabian
سلام. پیشنهادم برای نویگیشن استفاده از react native navigation هست.
البته ساختار کاملا متفاوتی نسبت به react navigation داره ولی خوبیش این هست که به صورت نیتیو پیاده‌سازی شده و این موارد توسط جاوااسکریپت هندل نمیشن و بسیار پرفورمنس بهتری داره.
ولی در کل برای استفاده از react native خیلی موارد رو باید رعایت کرد. تا میتونی از library های جانبی استفاده نکنی و همچنین هر لایبرری ui رو به کار نبری و ترجیجا خودت بنویسی (البته به شرط بهینه‌نویسی) به پرفورمنس بهتری میرسی.

شاید پاسخ شما همین‌جا باشد

voogle
voogle
@voogle

@araz2salmasi
ممنون از راهنماییت
شما پیشنهادت روی یه اپ با پیچیدگی تو نویگیشن ها بین RNN , Router flux , react navigation کدومه ؟؟

voogle
voogle
@voogle

@mirmahna.s
ممنون از راهنماییت.
از Nativebase استفاده میکنم ، به نظرت مشکلی داره ؟
در کل پرفورمنس RN رو ضعیف میدونی نسبت به نیتیو نوشتن ؟
پروژه نسبتن پیچیده ایه و داره پشیمونم میکنه RN :(
و برای پشیمونی هم دیر شده یکم :|

arazsalmasi
arazsalmasi
@araz2salmasi

@v.torabian
کلا پرفورمنس ریکت نیتو ضعیفه ولی من یه 2 تا پروژه بزرگ نوشتم باهاش که جز موارد کمی مشکلی برام \یش نیاورده و تونشتم با راه های بالا حلش کنم
دقیق یادمه اول با RNRF راه اندازی کردم روتینگ رو دیدم خیلی لگ داره برنامه گفتم مشکل شاید از این باشه ید با RN روت ها رو درست کردم دیدم بازم مشکل داره و کلی تو نت گشتم و تمام راه هایی باعث میشه بشه از ریکت تو پروژه بزرگ استفاده کرد و \رفرمنس قابل قبولی بهم بده رو تو اون لینک گفتم

arazsalmasi
arazsalmasi
@araz2salmasi

من \روژه هام توی هردوش از native base ,RNRF, react native maps , react rating استفاده کردم و مشکلی نداشتم

فرشید شاهمرادی
فرشید شاهمرادی
@farshidshahmoradi1996

تخصص: Front-End Dev

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

امیر یاوندحسنی
امیر یاوندحسنی
@mirmahna.s

تخصص: Full Stack Developer

@v.torabian
نیتیوبیس مشکلات زیادی داشت و کند بود.
پرفورمنس ری‌اکت نیتیو اوکی هست ولی مهمه که مثلا از ریداکس به عنوان state منیجر استفاده کنید و همچنین تاجایی که ممکنه کامپوننت ها رو pure بنویسید و از stateless کامپوننت ها استفاده کنید.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام