فرانتاند
- react-trace: ابزار دیباگ کامپوننتهای ریاکت
react-trace یه اینسپکتور توسعهپذیر برای ریاکته که بهت اجازه میده روی هر کامپوننت کلیک کنی، سورسکدش رو ببینی و مستقیم توی ادیتورت بازش کنی.
۹ ساعت پیش۲ دقیقهgithub.com - react-call: کامپوننتت رو مثل تابع async صدا بزن
این کتابخانهٔ زیر یک کیلوبایتی اجازه میده یه کامپوننت React رو await کنی و منتظر بمونی تا با یه مقدار جواب بده؛ مناسب دیالوگهای تأیید، toast و pickerها.
۱۴ ساعت پیش۳ دقیقهgithub.com - بهترین وضعیت لودینگ، نبودنشه
خیلی از وقتمون صرف ساختن اسکلتون و اسپینر میشه. نویسنده میگه با preload کردن داده قبل از کلیک کاربر، میشه کاری کرد که صفحه فقط وقتی عوض شه که داده آمادهست.
۱ روز پیش۳ دقیقهjjenzz.com - افکت پارالکس فقط با CSS و بدون جاوااسکریپت
افکت پارالکس همیشه با لیسنر اسکرول و محاسبهی هر فریم در JS ساخته میشد. حالا با تایملاینهای انیمیشن اسکرولمحور CSS، فقط با چند خط استایل میشه.
۱ روز پیش۳ دقیقهdan-webnotes.com - lynx-ui: کتابخانه کامپوننت بومی برای Lynx
تیم Lynx کتابخانه کامپوننت رسمیشون رو با نام lynx-ui بهصورت عمومی منتشر کردن؛ ابزاری که سرعت توسعه وب رو با رندرینگ بومی موبایل ترکیب میکنه.
۱ روز پیش۳ دقیقهlynxjs.org - مدیریت کیبورد در React Native: راهنمای کامل
مدیریت کیبورد در React Native یکی از چالشبرانگیزترین بخشهای توسعه موبایله، مخصوصاً از اندروید ۱۵ به بعد که قرارداد بازی کاملاً عوض شده.
۱ روز پیش۳ دقیقهblog.margelo.com - Livewire یا Inertia؟ تجربه پنجساله اسپیتی
تیم اسپیتی پنج سال با هر دوی Livewire و Inertia کار کرده و حالا معیارهای دقیقی داره که بهش میگه کدوم ابزار برای کدوم پروژه درسته.
۱ روز پیش۳ دقیقهspatie.be - چهار فونت پیکسلی که باید بشناسی
از فونتهای VCR دهه ۹۰ تا ابزارهای تایپوگرافی مدرن — چند پروژه جالب فونت پیکسلی وجود دارن که ارزش داره بشناسیشون.
۲ روز پیش۳ دقیقهunsung.aresluna.org - گوگل علیه وب: جنگ پنهان برای کنترل اطلاعات
در کنفرانس Google I/O امسال، گوگل مسیری رو اعلام کرد که نویسنده این مقاله اون رو «جنگ علیه وب» مینامه؛ حرکتی که میتونه دسترسی آزاد به اطلاعات رو برای همیشه تغییر بده.
۲ روز پیش۲ دقیقهtante.cc - tiks؛ افکت صوتی برای رابط کاربری بدون فایل صوتی
یه کتابخونهٔ کوچیک جاوااسکریپتی که صداهای رابط کاربری مثل کلیک و موفقیت رو با Web Audio API میسازه، بدون اینکه حتی یه فایل صوتی دانلود بشه.
۲ روز پیش۲ دقیقهrexa-developer.github.io - Rspack: باندلر سریع مبتنی بر Rust
Rspack یه باندلر وب نوشتهشده با Rustه که ادعا میکنه میتونه جای webpack رو بگیره — با API سازگار و سرعتی چند برابر بیشتر.
۲ روز پیش۲ دقیقهrspack.rs - منوی بازشونده فقط با CSS و clip-path
یه آزمایش کوچیک نشون میده چطور میشه با خاصیت clip-path یه منو رو با افکت دایرهای باز کرد، اونم بدون هیچ کد جاوااسکریپتی.
۳ روز پیش۲ دقیقهgithub.com - Cate: یک IDE فضایی با بوم بینهایت برای توسعهدهندگان
Cate یه اپ دسکتاپ مبتنی بر Electron هست که همه ابزارهای توسعه رو روی یه بوم بینهایت کنار هم میذاره تا دیگه لازم نباشه بین دهها پنجره جابهجا بشی.
- آسیبپذیری سهساله در Chromium هنوز وصله نشده
یه آسیبپذیری در Chromium که سه سال پیش گزارش شده، هنوز بهدرستی پچ نشده و به مهاجم اجازه میده حتی بعد از بستن مرورگر، کد جاوااسکریپت اجرا کنه.
- نکات TypeScript که هر کسی باید بدونه
یه مجموعهی کاربردی از الگوهای TypeScript که جدا جدا کوچیکان ولی روی هم حسابی تجربهی کار با کد رو عوض میکنن؛ از satisfies تا یونینهای تفکیکشده.
۴ روز پیش۳ دقیقهgithub.com - Skills در Lovable: دیگه هر بار از اول توضیح نده
یکی از دردسرهای همیشگی کار با ابزارهای هوش مصنوعی اینه که هر بار باید از اول توضیح بدی چطور کار میکنی. Skills یه راهحل ساده برای همینه.
۴ روز پیش۳ دقیقهlovable.dev - Specification.website؛ چکلیست هر سایت خوب
یه پروژهی متنباز اومده همهی ویژگیهای فنیای که هر سایت درستوحسابی باید داشته باشه رو توی ۱۲۸ موضوع و ده دسته جمع کرده، با ارجاع به استانداردهای رسمی وب.
۵ روز پیش۲ دقیقهspecification.website - React Native Runtimes: اجرای اپ روی چند رانتایم جاوااسکریپت
یه کتابخونهٔ تازه برای React Native که کارهای سنگین رو روی رانتایمهای جداگانه میبره تا رشتهٔ اصلی UI هیچوقت کند و قفل نشه.
۵ روز پیش۲ دقیقهruntimes.margelo.com - دو الگوی رابط کاربری برای LLM که چت نیستن
چت رابط پیشفرض مدلهای زبانیه، ولی همهی کارها بهش نمیخوره. نویسنده دوتا الگوی دیگه رو نشون میده: مقایسه به شکل جدول، و کاوش به شکل درخت.
۵ روز پیش۴ دقیقهpoyo.co - بلاک کردن عمدی رندر با blocking="render"
گاهی یه کامپوننت قبل از اینکه JS لود شه نباید دیده شه. اتریبیوت blocking="render" دقیقاً همینو تضمین میکنه، بدون اینکه پارسر HTML رو متوقف کنه.
۵ روز پیش۳ دقیقهjayfreestone.com
