مقایسه سرعت مرتب سازی یک Array of Objects با library Lodash  و با کدی که خودمان نوشتیم مقایسه ساده المان ، همانطور که در فرتور میبینید Lodash به مراتب بهینه تر از نظر زمان اجرا میباشد کمتر از ۳ دهم ثانیه. اما performance کد که خودمان نوشتیم بهتر است

تفاوت sortingهای مختلف
#algorithm

وقتی سایت کار نمیکنه

نمایش زمان جاری در پروژه‌های ریکتی
(یه گوشه نگهش دارید به دردتون میخوره. بعضی وقتنها خیلی تومخی میشه این قضیه)
نکته ۱ : دقت کنید که در انتهای useEffect براکت نذاشته. (trigger نداره)
میتونست [time] هم بذاره.
نکته ۲ : توی useEffect از interval استفاده نکنید.

#react #tip

Axios_Crash_Course___HTTP_Library
#axios

Making setInterval Declarative with React Hooks
(حوصلتون شد متن اصلیش رو بخونید. ترجمش رو یه چند روز دیگه میذارم)

https://overreacted.io/making-setinterval-declarative-with-react-hooks/
#react #interval

پیاده سازی تابع sleep() در جاوا اسکریپت برای به تاخیر انداختن اجرا
#javanoscript #sleep #promise

برای نمایش progressbar هنگام تغییر صفحات (یا کارای دیگه) توی NextJs می‌تونید از این لایبرری استفاده کنید.
https://www.npmjs.com/package/nextjs-progressbar
کتابخانه اصلی NProgress.js هم از اینجا میتونید پیدا کنید :
https://ricostacruz.com/nprogress/
#react #nextjs #progressbar

برای استفاده از آیکن در ریکت می‌تونید از این پکیچ استفاده کنید :
https://react-icons.github.io/react-icons
اکثر فونت‌های معروف رو داخل خودش داره از جمله Font Awsome و Bootstrap Icons
#react #font

سایدبار ریسپانسیو با ریکت و تیلویند
(توضیح نمیده فقط پیاده سازیه)
#react #tailwind #sidebar

یکی از دوستان این سایت رو برای آیکون‌ها معرفی کرد که دیگه نصب کتابخانه هم نمیخواد
https://icones.js.org/
سایت خوبیه. یه نگاهی بهش داشته باشید
#font #icon

لینک مستقیم دانلود تمام این پلی لیست در قالب یک فایل zip
لینک دانلود تا ۱۲ روز معتبره
http://fs3.filegir.com/sir.mura/coding-addict_javanoscript-nuggets.zip

#javanoscript @alithecodeguy

اگر دارید با NextJs کار می‌کنید و درگیر SSG هستید و مفهوم fallback سردرگرمتون کرده ، ریپلای اول این لینک توضیح کاملی در موردش داده :
https://stackoverflow.com/questions/67787456/what-is-the-difference-between-fallback-false-vs-true-vs-blocking-of-getstaticpa
#nextjs #tip #ssg #fallback

برای کار با نوع Date توی جاوا اسکریپت ، پیشنهاد میکنم یه نگاهی به این کتابخونه داشته باشید. جالبه.
#date #js #javanoscript #tip

توی css اینطوری میتونید تعداد خطوط رو محدود کنید.
اگر هم از tailwind استفاده میکنید میتونید از پلاگین line-clamp استفاده کنید.
#css #tailwind #tip

یادتون باشه چند ماه پیش گفتم آینده مال svelte هستش ، در صورتی که کمتر کسی میدونست چیه. این روزا دوباره تبش اوج گرفته.
از امروز تا شنبه فقط Svelte میخونم ببینیم چی میشه.
منابعی که میخونم هم اینجا به اشتراک میذارم
💪