जावास्क्रिप्ट और टाइपस्क्रिप्ट इकोसिस्टम।
AI ने टाइपस्क्रिप्ट की जंग जीत ली। बहस अब खत्म हो चुकी है। टाइपस्क्रिप्ट बेहतर तर्कों की वजह से नहीं जीता, बल्कि इसलिए जीता क्योंकि AI टूल्स ने इस बहस को अप्रासंगिक बना दिया। शोधकर्ताओं ने एक महत्वपूर्ण पैटर्न पाया...
एक विड्थ चेक ने कहा कि स्ट्रिंग को काटना सुरक्षित था, लेकिन इसने एक कांजी को बीच से दो हिस्सों में बाँट दिया। एक नाम टर्मिनल टेबल में दर्ज किया गया और वह टूटा हुआ निकला। उपनाम 𠮷田 था। पहला अक्षर c...
DOM CRUD ऑपरेशन्स: डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) वह तरीका है जिससे ब्राउज़र HTML को दर्शाते हैं। यह हर एलिमेंट, एट्रिब्यूट और टेक्स्ट के टुकड़े को एक ऑब्जेक्ट में बदल देता है। जावास्क्रिप्ट इन ऑब्जेक्ट्स का उपयोग करती है…
React Context को कैसे सेटअप करें। Prop drilling आपके कोड को खराब कर देती है। आप डेटा को उन कंपोनेंट्स की पांच परतों के माध्यम से पास करते हैं जिन्हें इसकी ज़रूरत नहीं होती। React Context इसे ठीक करता है। हालाँकि, अधिकांश सेटअप...
इनबॉक्स में अनावश्यक ईमेल के बिना Nodejs डाइजेस्ट ईमेल की टेस्टिंग। डाइजेस्ट ईमेल तब समस्या पैदा करते हैं जब प्रीव्यू एनवायरनमेंट एक साझा मेलबॉक्स में सारांश भेजते हैं। आप इस बात का ट्रैक खो देते हैं कि कौन सा संदेश किस...
बिना कोई लिंक मिस किए ईमेल चेंज फ्लो का टेस्ट करें। अकाउंट ईमेल बदलना एक छोटा सा काम लगता है, लेकिन यह QA टीमों के लिए एक आम जाल है। एक टेस्टर एड्रेस अपडेट करता है, और दूसरा व्यक्ति ईमेल खोलता है...
वेब परफॉरमेंस का 3 सेकंड का नियम। आपके पास केवल तीन सेकंड हैं। उसके बाद, आपके उपयोगकर्ता चले जाते हैं। गूगल के शोध से पता चलता है कि यदि किसी साइट को लोड होने में 3 सेकंड से अधिक समय लगता है, तो 53% मोबाइल उपयोगकर्ता साइट छोड़ देते हैं...
React Refs और useRef Hook का उपयोग। React एक डिक्लेरेटिव (declarative) अप्रोच का उपयोग करता है। आप state अपडेट करते हैं, और React UI को अपडेट करता है। यह अधिकांश कार्यों के लिए काम करता है। लेकिन कभी-कभी आपको इससे बाहर कदम रखने की आवश्यकता होती है...
React में Key के रूप में Index का उपयोग करना क्यों गलत है। आप React में एक डायनामिक लिस्ट बनाते हैं। आप एक आइटम डिलीट करते हैं। अचानक, किसी दूसरे आइटम की UI स्टेट बदल जाती है। या, आप एक लिस्ट को सॉर्ट करते हैं और...
बिना सब्सक्रिप्शन के लाइव वेबसाइट विज़िटर्स को ट्रैक करें। एक क्लाइंट यह देखना चाहता था कि उनकी वेबसाइट पर रीयल-टाइम में कौन है। उन्हें Tidio विजेट पसंद आया, लेकिन वे सब्सक्रिप्शन के लिए भुगतान नहीं करना चाहते थे...
आपको React Key Prop की ज़रूरत क्यों है। आपको अपने कंसोल में यह एरर दिखता है: "Each child in a list should have a unique 'key' prop." कई डेवलपर्स इसे नज़रअंदाज़ कर देते हैं। यह एक गलती है। यह चेतावनी...
My Coding Agent Remembered Sessions, Not Work A coding agent can keep a thread alive and still feel forgetful. I ran into this issue while building CliGate. I fixed session contin…
React Lists और Keys में महारत हासिल करें। React में लिस्ट रेंडर करना आसान है, लेकिन इसे सही तरीके से करना कठिन है। कई डेवलपर्स एरे इंडेक्स (array index) को की (key) के रूप में उपयोग करते हैं। यह एक गलती है। इससे बग्स और...
TypeScript में Using कीवर्ड और स्पष्ट संसाधन प्रबंधन। प्रोडक्शन में मेमोरी लीक अक्सर एक ही गलती के कारण होते हैं: डेवलपर्स संसाधन प्राप्त तो कर लेते हैं लेकिन उन्हें रिलीज़ करने में विफल रहते हैं। डेटाबेस सं...
Test Passwordless Login Without Inbox Chaos Passwordless login looks easy in a demo. A user enters an email. A magic link arrives. The session starts. In staging, this flow gets m…
Node.js हज़ारों रिक्वेस्ट्स को कैसे हैंडल करता है। लोग कहते हैं कि Node.js सिंगल थ्रेडेड है। फिर भी, यह बिना रुके हज़ारों रिक्वेस्ट्स को हैंडल करता है, फाइल्स पढ़ता है और API कॉल्स करता है। यह कैसे...
हर npm इंस्टॉल की छिपी हुई कीमत। हमने JavaScript को ठीक करने के लिए लाइब्रेरी डाउनलोड करने में दस साल बिता दिए। हमने तारीखों के लिए moment.js का उपयोग किया। हमने यूटिलिटीज के लिए lodash का उपयोग किया। हमने node fetch का उपयोग किया...
खाद्य उत्पादन में UV एयर रिसर्क्युलेटर्स का उपयोग करते समय होने वाली गलतियाँ। खाद्य उत्पादन में वायु स्वच्छता अत्यंत महत्वपूर्ण है। पैकेजिंग क्षेत्र विशेष रूप से संवेदनशील होते हैं। हवा में मौजूद सूक्ष्मजीव उत्पाद की गुणवत्ता को खराब कर सकते हैं...
एक इंटरैक्टिव ऐप गाइड बनाना। सपोर्ट टीमें अक्सर उन ऐप्स के साथ संघर्ष करती हैं जिन्हें उन्होंने कभी इंस्टॉल नहीं किया होता है। स्क्रीनशॉट के साथ एक PDF मानक समाधान है। अधिकांश लोग PDF नहीं पढ़ते हैं...
अदृश्य फ्रंटएंड: छोटे निर्णय जो एक प्रोडक्ट को बचाते हैं। सबसे अच्छा फ्रंटएंड काम कभी डेमो में दिखाई नहीं देता। जिस काम को मैं सबसे अधिक महत्व देता हूँ, वह अदृश्य होता है। कोई इसके स्क्रीनशॉट नहीं लेता। लेकि...
मैंने बिना किसी मशीन को छुए हर ब्रांच को कैसे अपडेट किया। मैंने Electron का उपयोग करके एक इंटरनल डेस्कटॉप टूल बनाया। यह कई ब्रांच ऑफिसों की मशीनों पर चलता है। इन ऑफिसों में दि...
React परफॉरमेंस ऑप्टिमाइज़ेशन चेकलिस्ट। धीमी एप्लिकेशन व्यवसायों को नुकसान पहुँचाती हैं। इनसे बाउंस रेट बढ़ जाता है और उपयोगकर्ता निराश हो जाते हैं। साथ ही, ये आपकी इंफ्रास्ट्रक्चर लागत को भी बढ़ाती हैं। आप...
React सीखने का पांचवा दिन: बैचिंग और फंक्शनल अपडेट्स। मुझे लगा था कि स्टेट सेटर को कई बार कॉल करने से कई बार रेंडर होते हैं। मैं गलत था। React उससे कहीं अधिक स्मार्ट है। यह इस्तेमाल करता है...
आपका कंसोल आपसे झूठ बोल रहा है। डिबगिंग के दौरान आपके ब्राउज़र के DevTools आपको गुमराह कर सकते हैं। यह खराब नहीं है। इसे स्पीड के लिए ऑप्टिमाइज़ किया गया है, पूर्ण सटीकता के लिए नहीं। यहाँ जानिए क्यों आप नहीं कर सकते...
