⚛️ با هوک useWorker میتونید تسک های به شدت سنگین (مثل sort کردن یه آرایه با ۵ میلیون عضو رندوم!)  که تو اپ #React انجام میدید رو بجای thread اصلی مرورگر، بفرستید به Web Worker تا . جلوی رندر شدن UI رو نگیره

لینک گیتهاب این پکیج 🎉

frontcode01 منبع:

👾 @pishroapp

یه مقاله خوب و ساده که توش ۱۰۱ نکته و pest practice رو برای React توضیح داده

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

101 React Tips & Tricks For Beginners To Experts



https://dev.to/_ndeyefatoudiop/101-react-tips-tricks-for-beginners-to-experts-4m11


#react

👾 @pishroapp

‼️ انواع مختلف رندرینگ (Rendering) برای تولید صفحات وب در Next.js


🔥 رندرینگ سمت سرور (Server-Side Rendering یا SSR)

🔹 در این نوع رندرینگ، صفحه در هر بار درخواست کاربر به صورت پویا در سمت سرور رندر می‌شود. نتیجه به عنوان HTML به کاربر ارسال می‌شود. SSR به بهبود SEO و زمان بارگذاری اولیه کمک می‌کند، زیرا محتوا قبل از رسیدن به مرورگر آماده است.
🔄 کاربرد: زمانی که نیاز به دریافت داده‌ های پویا در لحظه و بهینه‌سازی SEO دارید.

🔥 رندرینگ استاتیک (Static Site Generation یا SSG)

🔹در این نوع رندرینگ، صفحات در زمان build تولید می‌شوند و به صورت استاتیک به سرور ارائه می‌شوند. این روش منجر به بارگذاری سریع‌ تر صفحات می‌شود، زیرا صفحات از قبل آماده هستند و نیازی به رندر سمت سرور در هر درخواست ندارند.
🔄 کاربرد: برای صفحات با محتوای ثابت یا به ندرت تغییر یافته که نیاز به زمان بارگذاری سریع دارند.


🔥 رندر استاتیک با ایجاد تدریجی (Incremental Static Regeneration یا ISR)

🔹 این قابلیت ترکیبی از SSG و SSR است. صفحات در زمان build به صورت استاتیک تولید می‌شوند، اما می‌توان آنها را به صورت پویا با فاصله‌ های زمانی مشخصی به‌روزرسانی کرد. با این روش، صفحه‌ ای که توسط کاربر دیده می‌شود همچنان استاتیک است، اما در پس‌زمینه داده‌ ها بروز رسانی می‌شوند.
🔄 کاربرد: برای صفحاتی که بیشتر استاتیک هستند اما گهگاه نیاز به بروز رسانی دارند.

🔥 رندرینگ سمت کلاینت (Client-Side Rendering یا CSR)

🔹در این نوع رندرینگ، صفحه ابتدا به صورت پایه‌ ای (HTML خالی) به کاربر ارسال می‌شود و سپس محتوای پویا در سمت کلاینت (مرورگر) با استفاده از جاوااسکریپت بارگذاری می‌شود. این رویکرد شبیه به شیوه‌ های رایج در React و SPA است.
🔄 کاربرد: برای صفحاتی که نیاز به تعامل زیاد با کاربر دارند و محتوای آن‌ها می‌تواند در سمت کلاینت بارگذاری شود.

#next #react #front

👾 @pishroapp