Web_programming
1.14K subscribers
354 photos
14 videos
125 files
1.22K links
Sharif web programming
If you have any questions, please feel free to ask(@yumcoder)
Download Telegram
خوب تاثیر این ان است که وقتی بر روی دکمه کلیک می کنیم این کامپوننت memo شده render نمی شود (بهبود performance)
در بخش inspect وارد profiler شوید
بر روی reload and start profiler کلیک کنید و سپس stop کنید
در گوشه یک تعداد frameهای commit شده در react می بینید
کنار ۱/۱ با مربع و یا مستطیل نمایش داده می شوند
همانطور که در تصویر مشخص است همه مولفه ها render شده اند (دارای زمان هستند)
حالا یک بار دیگر profiler را راه اندازی می کنیم و بر روی دکنه increase کلیک می کنیم و نتیجه را مقایسه می کنیم
همانطور که در تصویر می بینید مولفه memo شده در شرایطی که ورودی های آن تعییر نکرده است render نمی شوند ( با هاشور سفید رنگ نشان داده شده است)
چرا فقط مولفه غیر memo در این سناریو render شد؟
زیرا پدر مولفه با کلیک تغییر می کند و نیاز به render دارد. مولفه های که به صورت memo است از انجا که مقادیر آن تغییر نکرده است render نمی شود
به نظر شما دستور مشخص شده در بالا چه معنی دارد؟
نظرتان را برای من ارسال کنید تا درباره آن گفتگو کنیم :)
اگر یک برنامه ساده با create reat app بنویسید همانطور که در تصویر می بینید در اندروید با api ۱۶ یعنی اندروید ۴.۰۱ سایت شما load نمیشود.
راه حل این است که در فایل index.html در پوشه public خط زیر را اضافه کنید و یا معادل کد را خودتان در برنامه بنویسید

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

البته روش زیر بهتر است
https://reactjs.org/docs/javascript-environment-requirements.html
همچنین عدد 0.2 را به 0.001٪ تغییر دهید
https://browserl.ist/?q=>0.001%25%2C+++++++not+dead%2C+++++++not+op_mini+all
چگونه در شبیه ساز برای browser اندروید console وب را مشاهده کنیم؟
در آدرس بار عبارت about:debug را بنویسید و enter کنید
نکته:
دستور
console.log(a,b);
در محیط شبیه ساز اندروید فقط آرگومان اول را چاپ می کند 😅