GyaanSetu WebDev

Frontend, backend and devops for the modern web.

244 articlesDeep, practical knowledge

گھنائی ڈویلپر نے بغیر کسی کوڈنگ تجربے کے، 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

DMARC کی ناکامیوں کو ٹھیک کریں: From Header سے مطابقت کے لیے Return-Path یا DKIM کو ہم آہنگ کریں

اگرچہ SPF اور DKIM پر سبز نشان موجود ہوں، پھر بھی DMARC ناکام ہو سکتا ہے اگر Return-Path یا DKIM سائننگ ڈومین نظر آنے والے From ایڈریس سے مطابقت نہ رکھتا ہو۔ سیکھیں کہ خام (raw) ہیڈرز میں عدم مطابقت کو کیسے پہچانا جائے اور اسے کیسے درست کیا جائے۔

WebDev · 3 min read

میں نے ایک نوٹ بک سے آغاز کیا۔ کوئی ٹیکسٹ ایڈیٹر یا مارک ڈاؤن فائل نہیں، بلکہ کمانڈز سے بھری ہوئی ایک اسپرل باؤنڈ پیپر نوٹ بک۔

میں نے ایک نوٹ بک سے آغاز کیا۔ کوئی ٹیکسٹ ایڈیٹر یا مارک ڈاؤن فائل نہیں، بلکہ کمانڈز سے بھری ہوئی ایک اسپرل باؤنڈ پیپر نوٹ بک جسے میں سمجھتا بھی نہیں تھا۔ میں نے لکھ لیا، ، ، ، اور ۔ میں نے ڈھیر لگا دیے...

WebDev · 4 min read