حالا یک بار دیگر profiler را راه اندازی می کنیم و بر روی دکنه increase کلیک می کنیم و نتیجه را مقایسه می کنیم

همانطور که در تصویر می بینید مولفه memo شده در شرایطی که ورودی های آن تعییر نکرده است render نمی شوند ( با هاشور سفید رنگ نشان داده شده است)

چرا فقط مولفه غیر memo در این سناریو render شد؟
زیرا پدر مولفه با کلیک تغییر می کند و نیاز به render دارد. مولفه های که به صورت memo است از انجا که مقادیر آن تغییر نکرده است render نمی شود

شرکت همراه مکانیک به دنبال cto است اگر متقاضی هستید و یا فردی را می شناسید لطفا معرفی کنید.

https://www.hamrah-mechanic.com

استک تکنولوژی آنها مایکروسافتی است

perlin noise

https://en.wikipedia.org/wiki/Perlin_noise
https://flafla2.github.io/2014/08/09/perlinnoise.html
https://github.com/wangyasai/PerlinNoisePainter
https://en.wikipedia.org/wiki/Simplex_noise
https://josephg.com/perlin/3/
https://29a.ch/film-emulator/
https://github.com/crnacura/AmbientCanvasBackgrounds

به نظر شما دستور مشخص شده در بالا چه معنی دارد؟
نظرتان را برای من ارسال کنید تا درباره آن گفتگو کنیم :)

اگر یک برنامه ساده با 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 کنید

به جای این کار از این روش زیر بهره بگیرید
https://reactjs.org/docs/javascript-environment-requirements.html

نکته:
دستور

console.log(a,b);

در محیط شبیه ساز اندروید فقط آرگومان اول را چاپ می کند 😅

https://medium.com/jsdownunder/locking-body-scroll-for-all-devices-22def9615177
#Body_ scroll_ lock

https://github.com/w3c/IntersectionObserver/tree/master/polyfill

کاربرد:
-Lazy-loading of images or other content as a page is scrolled.
-Implementing "infinite scrolling" web sites, where more and more content is loaded and rendered as you scroll, so that the user doesn't have to flip through pages.
-Reporting of visibility of advertisements in order to calculate ad revenues.
-Deciding whether or not to perform tasks or animation processes based on whether or not the user will see the result.

مثلا اگر بخواهید یک لیست داشته باشید که ۱۰ هزار سطر دارد در حالت نرمال شما ۱۰ هزار المان به DOM اضافه خواهید کرد(در بدترین حالت) اگر بخواهید فقط به تعداد محدودی که بروی صفحه جا می شود المان اضافه کنید و با جابجایی اسکرول درون لیست را بوجود بیاورید مانند recycleViewدر اندروید انگاه این api کاربرد دارد

این را بر روی گوشی اندروید ۴.۱ با api 16 تست کردیم (با browser پیش فرض گوشی یعنی بدترین حالت ممکن) جواب داد بنابراین با استفاده از polyfill معرفی شده می توانید به راحتی از ان استفاده کنید