GyaanSetu WebDev

Frontend, backend and devops for the modern web.

230 articlesDeep, practical knowledge

प्रायोरिटी क्यू मोबाइल चैट ऐप्स को बैकग्राउंड इंडेक्सिंग के बावजूद तेज़ और स्मूथ बनाए रखता है

शेड्यूलर के तीन घटक—प्रायोरिटी क्यू, प्रीएम्प्शन कंट्रोलर और टोकन-बजट गवर्नर—एक फोरग्राउंड चैट रिक्वेस्ट को बैकग्राउंड टास्क से आगे निकलने की अनुमति देते हैं, जिससे रुके हुए कामों को बाधित किए बिना रिस्पॉन्स टाइम 1,420 ms से घटकर मात्र 161 ms रह जाता है।

WebDev · 3 मिनट पढ़ें

Open Interpreter LLMs को स्थानीय रूप से कोड चलाने की अनुमति देता है, जिससे क्लाउड लागत कम होती है और गोपनीयता बढ़ती है

लार्ज लैंग्वेज मॉडल्स को यूजर की मशीन पर शेल कमांड चलाने और स्क्रिप्ट चलाने की अनुमति देकर, Open Interpreter संवेदनशील फाइलों को सुरक्षित रखते हुए महंगी क्लाउड APIs की आवश्यकता को खत्म कर देता है, लेकिन यह डेवलपर्स को सैंडबॉक्स और सहमति प्रवाह (consent flows) बनाने के लिए भी मजबूर करता है।

WebDev · 2 मिनट पढ़ें

परिणाम-आधारित मूल्य निर्धारण के साथ AI कोडिंग एजेंट्स नए आउटसोर्सिंग सौदों का 43% हिस्सा संचालित कर रहे हैं

2026 तक, स्वायत्त एजेंट अब बिना मानवीय हस्तक्षेप के फीचर्स को विभाजित करने, कोड लिखने, टेस्ट चलाने और पुल रिक्वेस्ट खोलने में सक्षम हैं, जिससे कंपनियां प्रति घंटे की बिलिंग के बजाय सत्यापित परिणामों के लिए भुगतान करने की ओर रुख कर रही हैं।

WebDev · 3 मिनट पढ़ें

जब PostgreSQL माइग्रेशन को रेप्लिका पर भेजा जाता है, तो "Read-Only Transaction" एरर के कारण वे विफल हो जाते हैं

यह एरर आमतौर पर तब आता है जब कोई 'write' ऑपरेशन रीड रेप्लिका पर जाता है—अक्सर इसलिए क्योंकि PgBouncer कनेक्शन को रूट करता है, कोई रोल डिफ़ॉल्ट रूप से रीड-ओनली होता है, या क्लाउड सेटअप रीडर एंडपॉइंट का उपयोग करता है। यह लेख बताता है कि वर्तमान ट्रांजेक्शन के लिए इस फ्लैग को कैसे ओवरराइड किया जाए और इससे कैसे बचा जाए।

WebDev · 3 मिनट पढ़ें

Frontend Team Cuts Bundle Size to Zero by Tree-Shaking Type-Safe API Mocks

The team built a dev-only mock layer using Axios interceptors and Vite’s tree-shaking. By gating the interceptor with import.meta.env.DEV, a custom VITE_ENABLE_MSW flag, and the MODE variable, the entire mock code is stripped from production bundles, keeping the bundle size unchanged.

WebDev · 3 मिनट पढ़ें

RamenHire के ईमेल बग ने हर हायरिंग अलर्ट को फिशिंग के जाल में बदल दिया

इस खामी के कारण कोई भी आवेदक HTML ईमेल टेम्पलेट में एक नकली "verify" लिंक डाल सकता था; यह पेलोड जॉब लिस्टिंग के साथ स्टोर हो जाता था और उसके बाद आने वाले हर नोटिफिकेशन में दिखाई देता था। यह समस्या तब तक बनी रही जब तक कि एक नया escapeHtml हेल्पर नहीं जोड़ा गया और यूनिट व लाइव दोनों टेस्ट के माध्यम से इस सुधार की पुष्टि नहीं हो गई।

WebDev · 3 मिनट पढ़ें

अपने ही कोड की टेस्टिंग: कॉन्ट्रैक्ट टेस्टिंग से क्या पता चला

अपने ही कोड की टेस्टिंग: कॉन्ट्रैक्ट टेस्टिंग से क्या पता चला। मुझे लगा था कि मेरा Zerodha क्लोन बनकर तैयार है। यह Node बैकएंड, React फ्रंटएंड, MongoDB और Razorpay के साथ एक MERN स्टैक प्रोजेक्ट था...

WebDev · 3 मिनट पढ़ें

घाना के एक डेवलपर ने बिना किसी कोडिंग अनुभव के, AI लो-कोड का उपयोग करके PowerPulse लॉन्च किया

PowerPulse घाना में किसी को भी ब्लैकआउट की रिपोर्ट करने, लाइव फीड देखने और योगदान के लिए पॉइंट्स अर्जित करने की सुविधा देता है। Next.js, Tailwind, Supabase के साथ निर्मित और Vercel पर होस्ट किया गया यह ऐप, अपनी 'कोल्ड-स्टार्ट' समस्या को हल करने के लिए AI-आधारित भविष्यवाणियों और पुश नोटिफिकेशन को जोड़ने का लक्ष्य रखता है।

WebDev · 3 मिनट पढ़ें

DeepSeek और Qwen पर स्विच करने से एक बॉट का AI बिल $420 से घटकर $28 रह गया

85% क्वेरीज़ को सस्ते मॉडल्स पर रूट करने, बार-बार आने वाले प्रॉम्प्ट्स को कैश करने और इनपुट्स को कंप्रेस करने के जरिए, टीम ने लेटेंसी को कम और यूजर एक्सपीरियंस को बरकरार रखते हुए मासिक खर्च को $420 से घटाकर $28 कर दिया।

WebDev · 2 मिनट पढ़ें

pnpm v12 Cuts Warm Install Time From 381 ms to 12 ms With Rust Rewrite

The rewrite, dubbed “pacquet,” replaces the Node.js bootstrap with a single-threaded Rust binary, keeping all flags and lockfile formats unchanged. Developers can opt-in today via `pnpm self-update next-12` and benchmark the impact on their CI pipelines.

WebDev · 2 मिनट पढ़ें

डेवलपर ने दो हफ्तों में REST की जगह tRPC अपनाकर API ओवरहेड को कम किया

इस माइग्रेशन से OpenAPI spec, SDK जनरेशन, Postman कलेक्शन और हाथ से लिखे गए TypeScript इंटरफेस की ज़रूरत खत्म हो गई, जिससे एडिटर तुरंत मिसमैच पकड़ लेता है और रिपॉजिटरी का आकार भी काफी कम हो गया है।

WebDev · 3 मिनट पढ़ें

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 मिनट पढ़ें

GPU घंटों की बर्बादी रोकें: प्रॉम्पटिंग, RAG, या फाइन-ट्यूनिंग का उपयोग कब करें

यह गाइड तीन मुख्य तरीकों—प्रॉम्पटिंग, रिट्रीवल-ऑगमेंटेड जनरेशन (RAG), और फाइन-ट्यूनिंग—का विश्लेषण करती है। यह बताती है कि नॉलेज गैप और बिहेवियर गैप के बीच अंतर कैसे पहचानें, और कंप्यूटिंग पर भारी खर्च करने से पहले सही टूल चुनने के लिए एक तीन-चरणीय चेकलिस्ट भी प्रदान करती है।

WebDev · 4 मिनट पढ़ें

Auto-Animate ने लॉन्च किया Marko 6 एडॉप्टर, अब एक ही टैग से लिस्ट को करें एनिमेट

यह नया एडॉप्टर Marko के onMount लाइफसाइकिल से जुड़ता है, एक MutationObserver बनाता है और auto-animate के इंजन को संचालित करता है, जिससे डेवलपर्स बिना किसी अतिरिक्त जावास्क्रिप्ट के, केवल एक लिस्ट के चारों ओर <auto-animate> का उपयोग करके स्मूथ एंट्री, एग्जिट और रीऑर्डर इफेक्ट्स प्राप्त कर सकते हैं।

WebDev · 3 मिनट पढ़ें

ES2023 में नॉन-म्यूटेटिंग ऐरे मेथड्स जोड़े गए हैं, जिससे React अब स्टेट बदलावों को तुरंत पहचान सकता है

ये चार नए मेथड्स—`toSorted`, `toReversed`, `toSpliced` और `with`—नए ऐरे लौटाते हैं, जिससे React का शालो-कम्पैरिजन एक नया रेफरेंस देख पाता है और बिना उन स्प्रेड-ऑपरेटर हैक्स के री-रेंडर कर देता है जो पहले अपडेट्स को छिपा देते थे।

WebDev · 4 मिनट पढ़ें

कोड जनरेशन में Claude Fable 5 ने GPT-5.6 को पछाड़ा, SWE-Bench Pro पर हासिल किया 80% स्कोर

हालांकि GPT-5.6 टोकन प्राइसिंग में Claude Fable 5 से सस्ता है और मल्टी-स्टेप एजेंट कार्यों में बेहतर प्रदर्शन करता है, लेकिन एंथ्रोपिक (Anthropic) का मॉडल वास्तविक दुनिया के कोडिंग बेंचमार्क पर स्पष्ट बढ़त दिलाता है। डेवलपर्स को किसी एक को चुनने से पहले कैशिंग डिस्काउंट और वर्कलोड पैटर्न को ध्यान में रखते हुए दोनों का परीक्षण करना चाहिए।

WebDev · 3 मिनट पढ़ें

TypeScript 7 पर अपग्रेड करें? 10 गुना तक तेज़ चेक की उम्मीद करें, लेकिन अपने CI के फेल होने के लिए तैयार रहें

नया Go-आधारित tsgo इंजन बिल्ड्स को दस गुना तक तेज़ बनाता है, लेकिन इसका अभी भी बदलता हुआ प्रोग्रामेटिक API लोकप्रिय टूल्स को बाधित कर रहा है। 7.1 API फ्रीज़ होने तक, टीमों को बिल्ड्स के लिए TS 6.x का उपयोग करना चाहिए और त्वरित चेक के लिए @typescript/native-preview का उपयोग करना चाहिए।

WebDev · 3 मिनट पढ़ें

Zod + Vercel AI SDK Guarantees Type-Safe JSON From LLMs, Preventing Crashes

A production classifier once threw an exception after an LLM added an unexpected “explanation” key, exposing how raw JSON parsing can silently break services. Wiring Zod schemas into Vercel’s AI SDK or Anthropic’s tool-use API catches such mismatches before they crash your app.

WebDev · 5 मिनट पढ़ें