تست نوشتن برای پروژه‌های فرانت‌اند بدون Node یا هر runtime سمت سرور دیگه‌ای یه چالش قدیمیه. توی این مقاله نویسنده نشون می‌ده که چطور می‌شه کامپوننت‌های Vue رو مستقیم توی تب مرورگر با کمک QUnit تست کرد. با یه تابع mountComponent، داده‌های fixture و یه waitFor() ساده، می‌شه تست‌های integration واقعی نوشت بدون اینکه به Playwright یا ابزارهای سنگین نیاز داشت.

۲۴ هفته پیشjvns.ca

Anime.js یه کتابخونه‌ی سبک و قدرتمند جاوااسکریپته که باهاش می‌تونی هر چیزی روی وب رو انیمیت کنی. از ترنسفورم‌های CSS و مسیرهای SVG گرفته تا اسکرول سینک و درگ‌اند‌دراپ فنری، همه‌چیز با یه API یکپارچه مدیریت می‌شه. حجم کل باندل فقط حدود ۲۴ کیلوبایته و به‌صورت ماژولاره، پس فقط همون چیزی رو import می‌کنی که نیاز داری.

۲۴ هفته پیشanimejs.com

Anime.js از نسخه ۴.۴.۰ یه قابلیت جدید به اسم scrambleText اضافه کرده که بهت اجازه می‌ده متن رو با یه افکت باحال «کاراکتر به کاراکتر» نمایش بدی — درست مثل صحنه‌های هک تو فیلم‌ها! این ابزار به عنوان یه مقدار tween مستقیماً توی متد animate() استفاده می‌شه. کافیه scrambleText() رو روی خاصیت innerHTML ست کنی تا انیمیشن درهم‌ریختن و آشکار شدن تدریجی متن فعال بشه. استفاده از innerHTML به جای textContent توصیه می‌شه چون scrambleText داخلی از فاصله‌های غیرشکننده HTML استفاده می‌کنه.

۲۴ هفته پیشanimejs.com

opentype.js یه کتابخونه جاوااسکریپتیه که بهت اجازه می‌ده مستقیماً به شکل حروف فونت‌ها دسترسی داشته باشی، هم توی مرورگر و هم توی Node.js. با این ابزار می‌تونی متن رو به مسیرهای بزیه تبدیل کنی، کرنینگ و لیگاتور رو مدیریت کنی، و حتی فونت‌های رنگی و ایموجی رو پشتیبانی کنی. فرمت‌های WOFF، OTF و TTF همگی ساپورت می‌شن و نصبش هم از طریق npm یا CDN خیلی سادست.

۲۴ هفته پیشgithub.com

TanStack Form یه کتابخونه‌ی جدید برای مدیریت فرم‌هاست که مثل بقیه‌ی ابزارهای TanStack، روی تایپینگ قوی و پرفورمنس تمرکز داره. با یه هوک ساده فرمت رو تعریف می‌کنی، ولیدیشن رو در مراحل مختلف (مثل submit یا blur) تنظیم می‌کنی، و چون هدلس طراحی شده، خودت می‌تونی هر UI دلخواهی رندر کنی. آرایه‌ها، مقادیر وابسته به هم، و state های کامل فیلد مثل isTouched و isDirty هم به خوبی پشتیبانی می‌شن.

۲۴ هفته پیشfrontendmasters.com

حملات زنجیره تامین به npm داره بیشتر و خطرناک‌تر می‌شه. Axios با بیش از ۱۰۰ میلیون دانلود هفتگی آخرین قربانی بود. یه مفهوم ساده به اسم «dependency cooldown» می‌تونه جلوی بخش بزرگی از این حملات رو بگیره. ابزارهایی مثل npm، pnpm، Yarn و Dependabot الان این قابلیت رو دارن که نصب پکیج‌های تازه‌منتشرشده رو برای مدت مشخصی به تعویق بندازن.

۲۴ هفته پیشsecuritylabs.datadoghq.com

مدل‌های زبانی کوچک (SLM) الان در Chrome و Edge پشت یه فلگ آزمایشی در دسترسن و می‌تونن مستقیماً توی مرورگر و بدون نیاز به سرور یا API key اجرا بشن. این ایده جذابیت‌های واقعی داره؛ رایگانه، آفلاینه، خصوصیه و به دیتاسنتر وصل نمیشه. اما موزیلا رسماً موضع منفی گرفته و نگرانی‌هایی مثل انحصار مدل گوگل و شکستن استانداردها رو مطرح کرده. نویسنده هم هم خوش‌بینه هم نگران، و یه سری پیشنهاد برای بهتر کردن این اکوسیستم ارائه میده.

۲۴ هفته پیشdaverupert.com

Astro 6.2 با یه سری ویژگی آزمایشی جذاب رسید. مهم‌ترین‌شون یه لاگر سفارشی با خروجی JSON هست که برای کار با ایجنت‌های کدنویسی خیلی به درد می‌خوره. علاوه بر این، API بهینه‌سازی SVG بازطراحی شده، یه هلپر جدید برای لود کردن فونت در مرحله پیش‌رندر اضافه شده، و اولین آلفای Astro 7 هم برای تست در دسترسه. این نسخه همچنین از Vite 8 پشتیبانی می‌کنه و کامپایلر Rust رو به‌عنوان پیش‌فرض معرفی می‌کنه.

۲۴ هفته پیشastro.build

spawn-agent یه پکیج npm هست که بهت اجازه می‌ده ایجنت‌های هوش مصنوعی نصب‌شده روی کامپیوترت مثل Claude Code، Codex، Cursor، GitHub Copilot، Gemini و بقیه رو از طریق Vercel AI SDK صدا بزنی. همه چیز روی پروتکل Agent Client Protocol (ACP) سوار شده و خروجی به صورت استریم دریافت می‌شه. می‌تونی تنظیماتی مثل دایرکتوری کاری، مجوزها و سرورهای MCP رو هم بهش پاس بدی. برای مکالمات چندمرحله‌ای هم می‌شه از session استفاده کرد تا حافظه‌ی مکالمه حفظ بشه.

۲۴ هفته پیشgithub.com

تیم Remix نسخه بتای Remix 3 رو منتشر کرد؛ یه قدم بزرگ از یه فریم‌ورک «مرکزی-استک» به یه راه‌حل واقعاً فول‌استک. این نسخه دیگه فقط روتینگ و رندرینگ نیست، بلکه همه چیز از سشن و احراز هویت گرفته تا آپلود فایل، کامپوننت‌های UI، تم‌بندی، تست و مدیریت داده زیر یه سقف جمع شده. Remix 3 بر پایه Fetch API ساخته شده و ایده اصلیش اینه که بدون کلی وابستگی پراکنده بتونی مستقیم بری سراغ ساختن اپ. این نسخه هنوز پروداکشن‌ردی نیست ولی برای آزمایش و فیدبک آمادست.

۲۴ هفته پیشremix.run

Trigger.dev یه پلتفرم متن‌باز برای ساخت و دیپلوی AI agentها و workflowهای پیچیده با تایپ‌اسکریپته. بدون نگرانی از تایم‌اوت، بدون مدیریت سرور، و با قابلیت‌هایی مثل retry خودکار، صف‌بندی، و observability کامل. توسعه‌دهنده‌ها می‌تونن مستقیم با کد Node.js آشنا کار کنن و همه چیز رو روی زیرساخت Trigger.dev اجرا کنن. این ابزار با مدل‌های مختلف AI مثل Claude هم کار می‌کنه و امکان stream کردن پاسخ‌های LLM به فرانت‌اند رو هم داره.

۲۴ هفته پیشtrigger.dev

react-hotkeys-hook یه کتابخونه سبک و ساده‌ست که بهت اجازه می‌ده میانبرهای کیبورد رو توی ری‌اکت فقط با یه hook تعریف کنی. نه نیاز به Provider داری، نه Context پیچیده — فقط import می‌کنی و استفاده می‌کنی. از ترکیب‌های modifier تا دنباله‌های vim-style و حتی ضبط میانبر توسط کاربر رو پشتیبانی می‌کنه.

۲۴ هفته پیشreact-hotkeys-hook.vercel.app

ری‌اکت از نسخه ۱۸ به بعد یه قابلیت جالب داره: استریمینگ خارج از ترتیب. یعنی به جای اینکه صبر کنیم همه دیتاها لود بشن، کامپوننت‌هایی که داده‌شون آماده‌ست همون لحظه به کاربر نشون داده می‌شن. این کار با استفاده از Suspense و Server Components انجام می‌شه و ری‌اکت پشت صحنه از یه سری تابع و تکنیک DOM خاص استفاده می‌کنه. در این مقاله نگاه می‌کنیم که ری‌اکت دقیقاً چطور این سوآپ جادویی رو انجام می‌ده.

۲۴ هفته پیشinside-react.vercel.app

Resend یه کامپوننت جدید به ویرایشگر ایمیلش اضافه کرده که بهت اجازه می‌ده نمودارهای میله‌ای، خطی و ناحیه‌ای رو مستقیم توی ایمیل‌هات جاسازی کنی. داده‌ها به‌صورت تصویر رندر می‌شن تا تو همه کلاینت‌های ایمیل مثل Gmail، Outlook و Apple Mail یکسان نمایش داده بشن. می‌تونی داده‌ها رو از طریق یه جدول شبیه اکسل یا JSON خام وارد کنی و رنگ‌ها و عنوان هر نمودار رو هم شخصی‌سازی کنی.

۲۴ هفته پیشresend.com

گوگل داره یه API هوش مصنوعی به اسم Prompt API رو مستقیم توی کروم جا می‌ده تا صفحات وب بتونن با مدل زبانی Gemini Nano به‌صورت محلی صحبت کنن. موزیلا اما به‌شدت مخالفه و می‌گه این کار تعامل‌پذیری وب رو خراب می‌کنه و یه وابستگی خطرناک به مدل و سیاست‌های خاص گوگل ایجاد می‌کنه. جیک آرچیبالد از موزیلا هشدار داده که توسعه‌دهنده‌ها ناخودآگاه کدشون رو به رفتار همین مدل خاص وصل می‌کنن و این دقیقاً همون مشکل قدیمی ناسازگاری مرورگرها رو دوباره زنده می‌کنه. علاوه بر این، استفاده از این API نیازمند پذیرفتن شرا

۲۴ هفته پیشtheregister.com

در ۲۹ آوریل ۲۰۲۶، چهار پکیج npm مرتبط با SAP با یک پیلود مخرب منتشر شدن که اطلاعات اعتباری توسعه‌دهندگان رو می‌دزدن. این پکیج‌ها شامل @cap-js/db-service، @cap-js/sqlite، @cap-js/postgres و mbt می‌شن که روی هم ماهانه بیش از یک میلیون بار نصب می‌شن. بدافزار با یه هوک preinstall اجرا می‌شه، توکن‌های GitHub، npm، AWS، Azure و GCP رو می‌دزده و حتی می‌تونه ریپوهای قربانی رو آلوده کنه. به نظر می‌رسه حساب‌های ناشران این پکیج‌ها هک شده باشن.

Node.js 26 با چند تغییر مهم معرفی شده که مهم‌ترینشون فعال‌سازی پیش‌فرض Temporal API هست؛ یه جایگزین مدرن و قدرتمند برای Date قدیمی جاوااسکریپت. موتور V8 هم به نسخه ۱۴.۶ ارتقا پیدا کرده و Undici هم به نسخه ۸ رسیده. این نسخه فعلاً در وضعیت «Current» قرار داره و از اکتبر ۲۰۲۶ وارد مرحله LTS می‌شه.

۲۴ هفته پیشgithub.com

با پکیج WebPush از مجموعه Laravel Notification Channels می‌تونی مستقیماً از لاراول برای کاربرانت پوش نوتیفیکیشن بفرستی — حتی وقتی مرورگر باز نیست. نیازی به اپ نیتیو یا سرویس واسط شخص ثالث نداری؛ پکیج مستقیم با Push API مرورگر از طریق کلیدهای VAPID حرف می‌زنه. کروم، فایرفاکس، اج و سافاری همه پشتیبانی می‌شن. نوشتن نوتیفیکیشن هم دقیقاً مثل همیشه در لاراول‌ه، فقط یه کانال جدید اضافه می‌شه.

۲۴ هفته پیشlaravel-news.com

شرکت امنیتی Expel یک گروه APT تحت حمایت دولت کره شمالی رو شناسایی کرده که با نام HexagonalRodent ردیابیش می‌کنه. این گروه با طعمه‌ی آگهی‌های شغلی جعلی، توسعه‌دهندگان Web3 رو هدف قرار می‌ده و از طریق پروژه‌های آلوده به بدافزار، کیف پول‌های ارز دیجیتال رو سرقت می‌کنه. تنها در سه ماه، ارزهای دیجیتالی معادل ۱۲ میلیون دلار از قربانیان به سرقت رفته. این گروه به‌طور گسترده از ابزارهای هوش مصنوعی مثل ChatGPT و Cursor استفاده می‌کنه تا حملاتش رو صنعتی و مقیاس‌پذیر کنه.

TypeScript Transformer 3 بعد از سه سال بازنویسی کامل منتشر شد. این پکیج محبوب PHP حالا به یک فریم‌ورک واقعی برای ایجاد پل بین PHP و TypeScript تبدیل شده. مهم‌ترین تغییرات شامل حذف Collector ها، معرفی سیستم AST، پشتیبانی از PHPStan، و اضافه شدن حالت watch برای رصد تغییرات لحظه‌ای فایل‌هاست. این نسخه توسعه‌پذیری را به شکل چشمگیری بهبود داده و امکانات خیلی بیشتری نسبت به نسخه‌های قبلی ارائه می‌ده.

۲۴ هفته پیشrubenvanassche.com