اوپن‌ای‌آی یه سیستم تبلیغاتی پیچیده داره که مستقیم داخل مکالمات ChatGPT آگهی تزریق می‌کنه. این آگهی‌ها بر اساس موضوع مکالمه هدف‌گذاری می‌شن و با یه زنجیره ردیابی چهارتکه‌ای، از لحظه‌ی نمایش تا خرید نهایی رو دنبال می‌کنن. یه SDK جاوااسکریپتی به اسم OAIQ هم روی سایت فروشنده اجرا می‌شه و اطلاعات بازدید کاربر رو به سرورهای اوپن‌ای‌آی گزارش می‌ده. در واقع اوپن‌ای‌آی نه‌تنها موقع نمایش آگهی، بلکه بعد از کلیک هم کاربر رو زیر نظر داره.

۱۹ هفته پیشbuchodi.com

پاستل یه فریم‌ورک جالبه که با الهام از Next.js، ساخت ابزارهای خط فرمان (CLI) رو با ری‌اکت و Ink ممکن می‌کنه. کافیه فایل‌ها رو توی پوشه commands بذاری تا دستوراتت تعریف بشن، بدون پیچیدگی اضافه. تعریف گزینه‌ها و آرگومان‌ها هم با Zod انجام می‌شه و type-safety کامل داری. در نهایت پیام help هم به‌صورت خودکار تولید می‌شه.

۱۹ هفته پیشgithub.com

React Email 6.0 منتشر شد و مهم‌ترین ویژگی‌اش یه ویرایشگر بصری متن‌باز و قابل جاسازی توی اپلیکیشن‌های مختلفه. این نسخه یه معماری توسعه‌پذیر داره که بهت اجازه می‌ده بلوک‌های سفارشی خودت رو بسازی. علاوه بر این، همه کامپوننت‌ها حالا توی یه پکیج واحد جمع شدن و دیگه نیازی به نصب چند پکیج جداگانه نیست. این پروژه در ۵ ماه گذشته رشد ۱۰۸ درصدی داشته و الان ۲ میلیون دانلود هفتگی روی npm داره.

۱۹ هفته پیشresend.com

React Arborist یه کتابخانه‌ی قدرتمنده که بهت اجازه می‌ده نماهای درختی حرفه‌ای مثل sidebar ویژوال استودیو کد، Mac Finder یا پنل Layers فیگما رو توی پروژه‌های ری‌اکتت بسازی. این کتابخانه امکاناتی مثل درگ‌اند‌دراپ، تغییر نام inline، رندرینگ مجازی‌سازی‌شده، فیلتر کردن و ناوبری با کیبورد رو داره. می‌تونی هم به شکل controlled و هم uncontrolled ازش استفاده کنی و ظاهرشو کاملاً شخصی‌سازی کنی.

۱۹ هفته پیشgithub.com

بریک‌پوینت‌ها سال‌هاست که قلب طراحی ریسپانسیو بودن، اما دنیای وب مدرن کامپوننت‌محور شده و viewport-based rules دیگه اون‌قدر که قبلاً بودن کارآمد نیستن. CSS مدرن ابزارهایی مثل auto-fit، minmax، clamp و container units بهمون می‌ده که می‌تونیم بدون هیچ بریک‌پوینتی لایه‌بندی‌های سیال و هوشمند بسازیم. نتیجه کدی تمیزتر، قابل‌پیش‌بینی‌تر و قابل‌استفاده‌مجدد در هر کانتینری‌ه.

۱۹ هفته پیشfrontendmasters.com

TanStack Start یه فریم‌ورک نسبتاً جدیده که روی TanStack Router سوار شده و امکاناتی مثل Server Functions، API Endpoints و رندر سمت سرور رو می‌ده. تو این مقاله، یه بلاگ ساده باهاش می‌سازیم که پست‌ها رو از فایل‌های Markdown می‌خونه. نکته جالب اینه که لودرهای TanStack ایزومورفیکن؛ یعنی هم روی سرور و هم روی کلاینت اجرا می‌شن، که این یه چالش جدی برای خوندن فایل‌های دیسک ایجاد می‌کنه. راه‌حل؟ Server Functions که همیشه روی سرور اجرا می‌شن، حتی وقتی از کلاینت صداشون می‌زنی.

۱۹ هفته پیشfrontendmasters.com

در قسمت دوم این سری، مشکل کندی سرور توابع Shiki و cold start در پلتفرم‌های serverless بررسی می‌شه. راه‌حل اصلی، پیش‌رندر استاتیک صفحات بلاگه که با فعال کردن prerender در TanStack Start به‌راحتی انجام می‌شه. علاوه بر این، با استفاده از middleware مخصوص server functionهای استاتیک، نتایج توابع سرور هم کش می‌شن و به فایل‌های JSON ساده تبدیل می‌شن تا دیگه نیازی به پردازش سمت سرور نباشه.

۱۹ هفته پیشfrontendmasters.com

یه API تجربی جدید توی مرورگرهای مبتنی بر Chromium اومده که اسمش «HTML in Canvas» هست و یه ایده‌ی جذاب داره: المان‌های واقعی HTML رو بگیر و توی Canvas رندر کن، بعد هر افکت بصری که دلت خواست روشون اعمال کن. این یعنی می‌تونی ساختار معنایی HTML رو حفظ کنی و در عین حال با Canvas 2D، WebGL یا WebGPU روی خروجیشون افکت‌های تصویری بزاری. فعلاً این قابلیت فقط توی Chromium نسخه ۱۴۶+ و پشت یه Flag تجربی در دسترسه و هنوز آماده‌ی استفاده در پروداکشن نیست.

۱۹ هفته پیشfrontendmasters.com

Bun یه runtime سریع برای جاوااسکریپت و تایپ‌اسکریپته که این روزا خیلی سر و صدا کرده. می‌شه از طریق روش‌های مختلفی مثل curl، npm، PowerShell، Scoop، Homebrew یا Docker نصبش کرد. بعد از نصب هم با یه دستور ساده می‌شه آپدیتش نگه داشت. این ابزار همچنین قابلیت اجرای تست‌های ایزوله و موازی رو هم داره.

۱۹ هفته پیشbun.com

تیم Harper یه بایندینگ کاملاً جدید برای RocksDB در Node.js ساخته به اسم rocksdb-js که از صفر نوشته شده و همه چیزی که از یه بایندینگ حرفه‌ای انتظار داری رو داره: پشتیبانی کامل از تراکنش، ایتریتورهای lazy، TypeScript، و باینری آماده برای همه پلتفرم‌های اصلی. این کتابخانه زیر لایسنس Apache 2.0 منتشر شده و قلب Harper 5.0 به حساب میاد. هدف اینه که یه ابزار مستقل و عمومی برای کل اکوسیستم Node.js باشه.

۱۹ هفته پیشharper.fast

تیم C# Dev Kit در VS Code برای نوشتن افزونه‌های native مربوط به Node.js، تا به حال از C++ و node-gyp استفاده می‌کرد که نصب Python قدیمی رو روی همه ماشین‌های توسعه‌دهنده الزامی می‌کرد. این تیم تصمیم گرفته با استفاده از C# و قابلیت Native AOT در دات‌نت، این وابستگی ناخوشایند رو حذف کنه. Native AOT می‌تونه shared library بسازه که دقیقاً همون چیزیه که Node.js برای بارگذاری افزونه‌های native نیاز داره. نتیجه یه پایپ‌لاین ساده‌تر، سریع‌تر و بدون نیاز به ابزارهای اضافه‌ست.

Aube یه پکیج منیجر جدید برای Node.js هست که ادعا می‌کنه ۹.۲ برابر سریع‌تر از pnpm و ۲.۷ برابر سریع‌تر از Bun کار می‌کنه. یه ویژگی جالبش اینه که نیازی به مایگریشن lockfile نداره و می‌تونه با yarn.lock، pnpm-lock.yaml و package-lock.json موجود کار کنه. به جای اینکه پکیج‌ها رو توی هر پروژه کپی کنه، یه استور سراسری داره و پروژه‌ها رو به اون لینک می‌کنه که مصرف دیسک رو تا ۹۰٪ نسبت به npm کاهش می‌ده. امنیت هم یه اولویت جدی توش هست و برای lifecycle script‌ها و پکیج‌های جدید سیاست‌های سخت‌گیرانه‌ای داره.

۱۹ هفته پیشaube.en.dev

پلتفرم Scratch سال‌هاست با آسیب‌پذیری‌های مرتبط با SVG دست‌وپنجه نرم می‌کنه. هر بار که یه باگ امنیتی پیدا و پچ می‌شه، یه راه دور زدن جدید کشف می‌شه؛ از اجرای اسکریپت با حروف بزرگ گرفته تا نشت اطلاعات از طریق CSS nesting. TurboWarp با محاصره‌کردن SVG داخل یه iframe ایزوله‌شده با CSP سختگیرانه، رویکرد بهتری داره. جالب‌ترین بخش اینه که Claude Opus مدل هوش مصنوعی، یه آسیب‌پذیری جدید رو پیدا کرد که هنوز پچ نشده.

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

۱۹ هفته پیشdeveloper.chrome.com

SurveyJS یه مجموعه کتابخونه جاوااسکریپتیه که بهت اجازه می‌ده فرم و نظرسنجی رو مستقیماً توی اپ خودت بسازی و داده‌ها رو هم روی سرور خودت نگه داری. برخلاف سرویس‌های SaaS معروف، هیچ محدودیتی برای تعداد فرم، پاسخ، یا کاربر نداره. این ابزار برای فریم‌ورک‌های React، Angular، Vue 3 و Vanilla JS در دسترسه و لایسنس MIT داره. با یه بار خرید لایسنس، می‌تونی از تمام امکانات پیشرفته‌اش برای همیشه استفاده کنی.

۱۹ هفته پیشsurveyjs.io

مشکل C10K در سال ۱۹۹۹ نشون داد که مدل یک‌ Thread به ازای هر اتصال، برای سرورهای پرترافیک جواب نمی‌ده. راه‌حل‌ها در چند موج اومدن: اول کال‌بک‌ها، بعد Promise‌ها و Future‌ها، و در آخر Async/Await. هر موج بدترین مشکل موج قبلی رو حل کرد، ولی مشکل تازه‌ای هم به جاش آورد. این مقاله سیر این تکامل رو با نگاهی انتقادی دنبال می‌کنه و توضیح می‌ده که چرا هنوز هیچ‌کدوم از این رویکردها کامل نیستن.

React Internals Explorer یه ابزار آنلاینه که بهت اجازه می‌ده درون ری‌اکت رو به شکل بصری و گام‌به‌گام زیر ذره‌بین بذاری. با این ابزار می‌تونی Fiber tree رو در حین اجرای کدت مشاهده کنی و بفهمی ری‌اکت پشت پرده چطور کار می‌کنه. این پروژه توسط JSer ساخته شده و هر دو نسخه ری‌اکت ۱۸ و ۱۹ رو پشتیبانی می‌کنه. برای کسایی که می‌خوان عمیق‌تر از سطح API‌ها به ری‌اکت نگاه کنن، یه منبع یادگیری فوق‌العاده‌ست.

۱۹ هفته پیشjser.pro

Tambo یه ابزار اوپن‌سورسه که بهت اجازه می‌ده بدون نیاز به فریم‌ورک‌های سنگین، ایجنت هوش مصنوعی رو مستقیم توی اپ ری‌اکتت جا بدی. به جای اینکه AI فقط متن برگردونه، از کامپوننت‌های خودت رندر می‌کنه — با همون استایل و لاجیکی که داری. استریمینگ، مدیریت state، احراز هویت و پشتیبانی از MCP همه از قبل حل شده. پلن رایگانش با ۱۰ هزار پیام در ماه شروع می‌شه.

۱۹ هفته پیشtambo.co

tablecn یه کامپوننت جدول داده‌محور بر پایه shadcn/ui هست که با Next.js ساخته شده و قابلیت‌های سورت، فیلتر و صفحه‌بندی رو کامل سمت سرور مدیریت می‌کنه. این پروژه با استفاده از TanStack Table، Drizzle ORM، PlanetScale و Zod به یه راه‌حل آماده و قابل تنظیم برای نمایش داده‌های جدولی تبدیل شده. فیلترگذاری پیشرفته شبیه Notion و Airtable، منوی فیلتر شبیه Linear و نوار اکشن روی انتخاب ردیف از جمله امکانات برجسته‌شن. برای راه‌اندازی هم می‌شه از Docker یا یه دیتابیس PostgreSQL موجود استفاده کرد.

۱۹ هفته پیشgithub.com

docx-js-editor یه کامپوننت متن‌باز ریکت‌ه که بهت اجازه می‌ده فایل‌های Word رو مستقیماً توی مرورگر ویرایش کنی — بدون نیاز به هیچ سرور یا پلاگینی. از قابلیت‌هایی مثل ویرایش همزمان چندنفره با Yjs، تغییرات ردیابی‌شده، و کامنت‌های رشته‌ای پشتیبانی می‌کنه. همچنین یه API مجزا برای ایجنت‌های هوش مصنوعی داره که می‌تونه خروجی LLMها رو مستقیم روی فایل docx اعمال کنه. این ابزار تحت لایسنس MIT منتشر شده و رایگانه.

۱۹ هفته پیشdocx-editor.dev