GyaanSetu WebDev

Frontend, backend and devops for the modern web.

230 articlesDeep, practical knowledge

اے آئی کوڈنگ ایجنٹس نتائج پر مبنی قیمتوں کے ساتھ 43% نئے آؤٹ سورسنگ معاہدوں کی بنیاد بن رہے ہیں

2026 تک، خود مختار ایجنٹس اب انسانی مداخلت کے بغیر فیچرز کو تقسیم کرتے ہیں، کوڈ لکھتے ہیں، ٹیسٹ چلاتے ہیں اور پل ریکویسٹ کھولتے ہیں، جس کی وجہ سے کمپنیاں گھنٹوں کے حساب سے بلنگ کرنے کے بجائے تصدیق شدہ نتائج کے لیے ادائیگی کرنے کی طرف منتقل ہو رہی ہیں۔

WebDev · 3 min read

RamenHire کے ای میل بگ نے ہر ہائرنگ الرٹ کو فشنگ ہک میں بدل دیا

اس خامی کی وجہ سے کوئی بھی درخواست گزار ایچ ٹی ایم ایل (HTML) ای میل ٹیمپلیٹ میں ایک جعلی "verify" لنک شامل کر سکتا تھا؛ یہ پی لوڈ جاب لسٹنگ کے ساتھ محفوظ ہو جاتا تھا اور ہر اگلی اطلاع میں نظر آتا تھا، یہاں تک کہ ایک نیا escapeHtml ہیلپر شامل کیا گیا اور یونٹ اور لائیو دونوں ٹیسٹوں نے اس مسئلے کے حل کی تصدیق کی۔

WebDev · 3 min read

مفت عالمی انڈیکس: 3,804 بندرگاہوں اور 9,640 ہوائی اڈوں کی فہرست – کسی رجسٹریشن کی ضرورت نہیں

یہ سائٹ NGA World Port Index، UN/LOCODE اور OurAirports سے ڈیٹا حاصل کرتی ہے، تضادات کو دور کرتی ہے، اور جہازوں کے لیے گہرائی اور ہوائی جہازوں کے لیے رن وے کی میپنگ شامل کرتی ہے، یہ سب Next.js اسٹیٹک بلڈ کے ذریعے بغیر کسی جاری کمپیوٹنگ لاگت کے فراہم کیا جاتا ہے۔

WebDev · 4 min read

TypeScript نے جنیرکس میں لٹرل وائڈینگ (Literal Widening) کو روکنے کے لیے Const ٹائپ پیرامیٹرز کا اضافہ کیا ہے

ٹائپ پیرامیٹر پر نیا const موڈیفائر کمپائلر کو ممکنہ طور پر سب سے تنگ (narrowest) ٹائپ کا اندازہ لگانے کا کہتا ہے، تاکہ "GET" جیسے لٹرلز فنکشن کی حدود کے پار بھی لٹرل ہی رہیں، جس سے بار بار 'as const' کاسٹ کرنے کی ضرورت ختم ہو جاتی ہے۔

WebDev · 3 min read

گھنائی ڈویلپر نے بغیر کسی کوڈنگ تجربے کے، AI Low-Code کا استعمال کرتے ہوئے PowerPulse لانچ کر دیا

PowerPulse گھنا میں کسی کو بھی بجلی کی بندش (blackout) کی اطلاع دینے، لائیو فیڈز دیکھنے اور تعاون کے بدلے پوائنٹس حاصل کرنے کی سہولت دیتا ہے۔ Next.js، Tailwind، Supabase کے ساتھ تیار کردہ اور Vercel پر ہوسٹ کردہ، اس ایپ کا مقصد اپنے 'کولڈ اسٹارٹ' مسئلے کو حل کرنے کے لیے AI پر مبنی پیشین گوئیوں اور پش نوٹیفیکیشنز کو شامل کرنا ہے۔

WebDev · 3 min read

ڈویلپر نے دو ہفتوں میں REST کے بجائے tRPC اپنا کر API کا اوور ہیڈ (overhead) کم کر دیا

اس مائیگریشن سے OpenAPI spec، SDK جنریشن، Postman کلیکشن، اور ہاتھ سے لکھے گئے TypeScript انٹرفیسز کی ضرورت ختم ہوگئی، جس سے ایڈیٹر فوری طور پر غلطیوں کو پکڑنے لگا اور ریپوزٹری کا سائز بھی نمایاں طور پر کم ہو گیا۔

WebDev · 3 min read

Team Automates VPAT Generation in CI, Blocking Inaccessible PRs

By embedding axe-core scans, custom Vitest keyboard helpers, and JSON-stored screen-reader results into the build, the pipeline fails any pull request that introduces an accessibility regression and automatically emits a PDF VPAT with each successful release.

WebDev · 3 min read

Auto-Animate نے Marko 6 اڈاپٹر لانچ کر دیا، اب صرف ایک ٹیگ سے لسٹوں کو اینیمیٹ کریں

نیا اڈاپٹر Marko کے onMount لائف سائیکل سے جڑ جاتا ہے، ایک MutationObserver تخلیق کرتا ہے، اور auto-animate کے انجن کو چلاتا ہے تاکہ ڈویلپرز کسی لسٹ کے گرد <auto-animate> کا استعمال کر کے بغیر کسی اضافی JavaScript کے ہموار انٹری، ایگزٹ اور ری آرڈر اثرات حاصل کر سکیں۔

WebDev · 3 min read

React-Fiber امپورٹ ڈیزائن اور کوڈ کے فرق کو کم کرتا ہے، جس سے ٹیموں کے مینٹیننس کے ہزاروں روپے بچتے ہیں۔

یہ پلگ ان رینڈر شدہ DOM کے بجائے React کے اندرونی Fiber ٹری کو پڑھتا ہے، اور کمپوننٹس کو براہ راست Figma لیئرز کے ساتھ منسلک کرتا ہے، جس سے ویریئنٹ، آٹو لے آؤٹ کنسٹرینٹس اور اسٹیٹ ٹرگرز برقرار رہتے ہیں—اور ڈیزائن ٹوکنز کو دستی طور پر دوبارہ بنانے کی ضرورت ختم ہو جاتی ہے۔

WebDev · 3 min read

TypeScript 7 پر اپ گریڈ کریں؟ 10 گنا تک تیز چیکنگ کی توقع رکھیں لیکن اپنے CI کے فیل ہونے سے ہوشیار رہیں۔

نیا Go پر مبنی tsgo انجن بلڈز کو دس گنا تک تیز بناتا ہے، لیکن اس کی بدلتی ہوئی پروگراماتی API مقبول ٹولز کو متاثر کر رہی ہے۔ 7.1 API فریز ہونے تک، ٹیموں کو بلڈز کے لیے TS 6.x برقرار رکھنا چاہیے اور فوری چیکنگ کے لیے @typescript/native-preview کا استعمال کرنا چاہیے۔

WebDev · 3 min read