✨Performance

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

مثلن میگن نرخ نوسازی این نمایشگر
60 Hz, 90Hz, 120Hz,...
هست...

⚠️در مورد هر صفحه نمایش دیگه به غیر از گوشی هم میتونه صادق باشه.

💥 یک صفحه نمایش ۶۰ هرتز، هر ثانیه ۶۰ بار تصویر خودش رو بروز میکنه و یک صفحه نمایش ۱۲۰ هرتز، هر ثانیه ۱۲۰ بار...

💥این تصویر باید از جایی تامین بشه ...
پردازنده گرافیکی یا GPU این تصویر رو رندر میکنه

💥اینجا از frame rate استفاده میکنن و واحد fps...
fps => frame per seconds
وقتی میگیم 60 fps یعنی اون GPU در هر ثانیه میتونه ۶۰ فریم رو رندر کنه.

⚠️حالا اینکه باید بین GPU و صفحه نمایش هماهنگی باشه و هرتز این یکی با frame rate اون یکی، هماهنگ باشن رو کاری نداریم.

🟢فرض کنیم یه دیوایسی داریم با نمایشگر ۶۰ هرتز و GPU هم frame rate اش برابر ۶۰ هست...

این یعنی وقتی کاربر داره یه انیمیشن یا تصویر متحرک رو میبینه یا داره یه محتوایی رو اسکرول میکنه یا به هر صورتی یه چیز متحرکی جلوشه... تقریبن هر ۱۶ میلی ثانیه یک بار باید یه فریم جدید رندر بشه و تحویلش داده بشه... وگرنه کاربر با لگ روبرو میشه...

❓چرا؟

⚠️درخواست ساخته شدن این فریم ها هر ۱۶ میلی ثانیه یکبار صادر میشه و وقتی یه فریم از دست رفت ۱۶ میلی ثانیه طول میکشه تا درخواست ساخته شدن فریم بعدی صادر بشه

پس وقتی یه فریم از دست بره کاربر یه تصویر اون وسط رو نمیبنه و یهو یه پرش ایجاد میشه.

❓حالا وظیفه ما به عنوان برنامه نویس چیه؟

✅وقتی داری محتوای متحرک نشون کاربرت میدی، نباید انقدر کارهای سنگین انجام بدی که یهو یه فریم اون وسط از دست بره.

یعنی کارهایی که انجام میدی باید انقدری سبک باشن که پردازنده رو انقدری درگیر نکنه که از وقت موعود (۱۶ میلی ثانیه) بگذره و پردازنده همچنان درگیر اون کارها باشه و نتونه فریم جدید رو سر وقت رندر کنه...

✅اگه کارهای سنگین وجود داشت منتقل میکنی به یه thread دیگه و ui thread رو ازاد میکنی..

😍توضیحات دقیق در اینده توی یک مقاله...

@purecoder_ir

خب خب یه چالش داریم براتون

اگه همچین دیزاینی بهتون میدادن

چطور اون رو تو فلاتر پیاده میکردید؟

@persian_flutter

⭕️آدرس سایت:
https://purecoder.ir

⭕️کانال:
@purecoder_ir

⭕️گروه:
@purecoder_gp

⭕️پشتیبانی:
@PureCoder_support

⭕️بحث و گفت و گو (Clean Code,... ):
@PureTalk_gp

💥Challenge

این رو توی فلاتر چطوری میزنید؟

یه GridView ... خیلی خب

ولی قابلیت zoom کردن داره و میشه بزرگ و کوچیکش کرد

⚠️راه حل غیر پکیجی

@purecoder_ir

💥حالت های مختلف برابری دو Object در دنیای برنامه نویسی

🟢توی شرایط مختلف نیاز پیدا می کنیم که دو object رو با اپریتور == یا با متد equals مقایسه کنیم...

🤔میدونستی که میشه این کارو به روش های مختلف هندل کرد؟

😍توی این مقاله ما سه روش رو بررسی کردیم

✅مقایسه با Reference
✅مقایسه با Identity
✅مقایسه با Structure

@purecoder_ir

چالش ساخت Drop Down رو یادتونه؟

تو این مقاله باهم یاد میگیریم که چطور یه DropDown بسازیم و در کنار اون با ویجت هایی مثل

OverlayPortal ,LayerLink, CompositedTransformTarget, CompositedTransformFollower

آشنا میشیم

لایک فراموش نشه

https://medium.com/snapp-x/creating-custom-dropdowns-with-overlayportal-in-flutter-4f09b217cfce

با پکیج Flex Drop Down به سادگی میتونید هر Drop Down ای که دوست دارید رو درست کنید

https://github.com/Snapp-X/flex_dropdown

💥Flutter Tip

💥قبلن MediaQuery توسط WidgetsApp یا حالا به عبارتی توسط MaterialApp توی درخت قرار میگرفت.

💥توی ورژن های جدید دیگه اینجوری نیست و MediaQuery از یه لول بالاتر توی درخت قرار میگیره!!!

💥همین طور که توی کد بالا میبینی, با context ای که بالاتر از MaterialApp هست به MediaQuery دسترسی دارم!!!

❓حالا اگه گفتی این تغییر به خاطر چیه؟
❓در آینده قراره چه اتفاقی توی فلاتر رخ بده که چنین تغییری ایجاد شده؟
❓چه انقلابی در راهه؟

@purecoder_ir

این چند وقت صحبت از زبان موجو هم زیاده. زبانی که ادعا می‌کنه مناسب ای.آی. است و گاهی۳۵هزار برابر سریعتر از پایتون است و ..
توی این ویدئو نگاهی کوتاه به کلیت ماجرا می‌ندازم و می‌بینیم چرا موجویی که هنوز حتی نیومده اینقدر در خبرها است و ما باید چیکار کنیم(:
https://youtu.be/HwkS8dhKy1I

اگه به Riverpod علاقه مندید تا چند دقیقه دیگه جلسمون شروع میشه

https://meet.google.com/pjv-bozc-vzx

دوستان سلام.

یه مشکلی که خیلی از برنامه‌نویسای اپ دارن، هندل کردن حالت های مختلف fail شدن یه ریکوسته.
مثلاً توی اپ هر ریکوستی میتونه به یه سری مشکل بخوره.

1. اینکه اینترنت گوشی کاربر خاموش باشه.
2. کاربر توکن نداشته باشه (لاگین نباشه) یا توکن منقضی شده باشه.
3. سرور 500 بگیریم
حالت‌های دیگه‌ای هم داریم که فعلا کاری باهاش ندارم.

توی هرکدوم از این‌ حالت‌‌ها ممکنه بخوایم کاربر رو بفرستیم به یه صفحه دیگه و یا یه دیالوگ نشون بدیم. برای بعضی خیلی از ارورها هم میخوایم که داخل این صفحه یا دیالوگ یه دکمه retry هم داشته باشیم که کاربر اگه روش زد همون ریکوستی که fail شده دوباره زده بشه.

قاعدتاً ما نباید برای هر ریکوستی به صورت جدا این موارد رو چک کنیم، و باید یه بار نوشته بشن و برای ریکوست‌ها استفاده بشن.

کسی تا حالا این مشکل رو به صورت اصولی و طبق قواعد معماری کلین و سالید و کلین کد حل کرده؟

راه حل‌هایی هست که کانتکس پاس بدیم یا از یه navigator گلوبال استفاده کنیم، اما به نظرم اصولی نیست‌.
کانتکس رو نباید از ui بدیم بره بیرون.

اگه سمپل یا راهنمایی‌ای در این مورد دارید، ممنون میشم بگید.