یکم سم از سی‌شارپ ببینید

https://flickity.metafizzy.co

این سایت کلی اسلایدر با ویژگی‌های مشخص و بهینه داره که میتونید تو پروژه‌هاتون استفاده کنید. به نظرم جالب بود.

@AlirezaJsTs

«این متغیری که استفاده نشده رو پاک کنم»

💡سوال مصاحبه فرانت اند | برای راه اندازی پروژه React از CRA استفاده کنیم یا vite ؟

ابزار CRA یا Create React App از webpack به عنوان باندلر استفاده می‌کنه. webpack یک ابزار برای بسته‌بندی یا باندل کردن کد‌های برنامه است. وقتی شما یک برنامه React رو با CRA راه‌اندازی میکنین، webpack تمامی کدهای برنامه رو باید قبل از اجرا باندل کنه. این اتفاق باعث میشه زمان بیشتری برای development server صرف بشه و اِعمال تغییراتی که انجام می‌دید نیاز به زمان زیادتری برای به نمایش گذاشتن تغییراتتون داشته باشه! مخصوصا اگر پروژه بزرگ و پیچیده ای داشته باشین!

🔹پس CRA از webpack به عنوان باندر استفاده می کند اما VITE از esbuild bundler استفاده می کند!


💡چرا از vite به جای CRA باید استفاده کنیم؟

۱ - 🔸 اجرای سریع‌تر development server :
 ابزار Vite قبل از اجرا کل برنامه رو باندل نمیکنه!
پکیج ها و دپندنسی ها اغلب در طول مسیر دولوپمنت تغییر نمیکنن! (کتابخانه های بزرگ مانند mui)!

ابزار vite پکیج ها و دپندنسی ها رو با استفاده esbuild پیش بسته بندی(Pre-bundle ) می کنه، که 10-100 برابر سریعتر از باندلرهای مبتنی بر جاوا اسکریپت هستش!
استفاده از ماژول ها در vite توسط Native ESM انجام میشه! Native ESM (ماژول‌های EMACScript) چیه؟
این قابلیت جدیدا به جاوا اسکریپت اضافه شده که در مورد چگونگی بارگذاری ماژول‌ها در برنامه جاوااسکریپت بحث میکنه!
🔹چه مزیتی داره؟
عدم نیاز به باندلینگ: بر اساس درخواست مرورگر، Vite کدهای سورس کد رو باندل میکنه. اگر ماژولی برای برخی از صفحات لازم نباشد، باندل نمی‌شود. این باعث می‌شود فقط ماژول‌های لازم برای هر صفحه بارگذاری شود.به این ترتیب سرعت پردازش به مراتب بالاتر می رود


۲ -🔸 در Vite، وقتی که یک فایل ویرایش میشه، تغییرات در فایل‌های ویرایش شده به سرعت و بدون نیاز به بازسازی کل برنامه اعمال میشن!

علاوه بر این، Vite از کش‌گذاری HTTP استفاده میکنه تا بارگذاری کدها و فایل‌های مورد نیاز را سریع‌تر کنه. این به این معنیه که فقط فایل‌هایی که ویرایش شده‌اند، باید بروزرسانی بشن، در حالی که فایل‌های دیگه از کش استفاده میکنن تا بلافاصله از حافظه‌ای که ذخیره شده است بارگذاری بشن!


۳ - 🔸افزایش performance در زمان build

همون طور که گفتیم vite با استفاده از native ESM فقط ماژول‌های لازم برای یک صفحه خاص رو بارگذاری میکنه، در حالی که ماژول‌های دیگر تا زمانی که نیاز نیست بارگذاری نمی‌شوند
در مقابل، CRA برای ساخت برنامه از webpack و باندلینگ کامل کدها استفاده می‌کند که ممکن است زمان بیشتری برای بارگذاری و باندلینگ کل کدها صرف شود، به خصوص در برنامه‌های بزرگ.

۴- 🔸سرعت بالای تیم توسعه شرکت vite : تیم vite به سرعت در حال ساخت و بروزرسانی پکیج های مورد نیاز یک برنامه ری اکتی هستش! برای مثال ابزاری مثل vitest برای تست نویسی توسط توسعه دهندگان vite ساخته شده که در برنامه هایی که با vite ساخته شده، این ابزار نیاز به کانفیگ خاصی نداره و به مراتب سرعت بالاتری نسبت به ابزار های تست نویسی دیگه ای مثل jest دارد!

بچه‌ها عیدتون مبارک 💙

پاول دورف اعلام کرده که تعداد کاربران فعال تلگرام از مرز ۹۰۰ میلیون کاربر در ماه عبور کرده و این اپ ۶‌امین اپ پراستفاده و پردانلود در جهان هست.

درامدهای تلگرام در فصل اول ۲۰۲۴ از هزینه هاش فراتر رفته و به گفته دورف این اپ امسال به سوددهی میرسه.

@AlirezaJsTs

با نصب افزونه uBlock Origin و فعال کردن لیست Persian blocker موقع سرچ در گوگل برای دانلود فیلم ها بدون باز کردن لینک ها میتونید متوجه بشید کدوم سایت ها فیلم رو سانسور کردن یا برای دانلود نیاز به خرید اشتراک دارن.
لینک دانلود

@AlirezaJsTs

تاثیر مثبت شوخ‌طبعی در بیزینس:

یه کالج هندی اومده ویدئوی اموزش گیت ساخته، توی این ویدئو اومده به عنوان مثال روی ریپوی اکسپرس کامیت میزنه و PR میسازه.
حالا ویدئو ۱.۵ میلیون ویو خورده همه هندی ها رفتن همین کارو کردن صدای دولوپرای اکسپرس درومده.

تغییر چی بوده؟ کل Readme رو پاک کردن چرت نوشتن

نمونه PR
https://github.com/expressjs/express/pull/5464

Iforoughi