जावास्क्रिप्ट और टाइपस्क्रिप्ट इकोसिस्टम।
एक विड्थ चेक ने कहा कि स्ट्रिंग को काटना सुरक्षित था, लेकिन इसने एक कांजी को बीच से दो हिस्सों में बाँट दिया। एक नाम टर्मिनल टेबल में दर्ज किया गया और वह टूटा हुआ निकला। उपनाम 𠮷田 था। पहला अक्षर c...
React Context को कैसे सेटअप करें। Prop drilling आपके कोड को खराब कर देती है। आप डेटा को उन कंपोनेंट्स की पांच परतों के माध्यम से पास करते हैं जिन्हें इसकी ज़रूरत नहीं होती। React Context इसे ठीक करता है। हालाँकि, अधिकांश सेटअप...
बिना कोई लिंक मिस किए ईमेल चेंज फ्लो का टेस्ट करें। अकाउंट ईमेल बदलना एक छोटा सा काम लगता है, लेकिन यह QA टीमों के लिए एक आम जाल है। एक टेस्टर एड्रेस अपडेट करता है, और दूसरा व्यक्ति ईमेल खोलता है...
वेब परफॉरमेंस का 3 सेकंड का नियम। आपके पास केवल तीन सेकंड हैं। उसके बाद, आपके उपयोगकर्ता चले जाते हैं। गूगल के शोध से पता चलता है कि यदि किसी साइट को लोड होने में 3 सेकंड से अधिक समय लगता है, तो 53% मोबाइल उपयोगकर्ता साइट छोड़ देते हैं...
React Refs और useRef Hook का उपयोग। React एक डिक्लेरेटिव (declarative) अप्रोच का उपयोग करता है। आप state अपडेट करते हैं, और React UI को अपडेट करता है। यह अधिकांश कार्यों के लिए काम करता है। लेकिन कभी-कभी आपको इससे बाहर कदम रखने की आवश्यकता होती है...
React में Key के रूप में Index का उपयोग करना क्यों गलत है। आप React में एक डायनामिक लिस्ट बनाते हैं। आप एक आइटम डिलीट करते हैं। अचानक, किसी दूसरे आइटम की UI स्टेट बदल जाती है। या, आप एक लिस्ट को सॉर्ट करते हैं और...
बिना सब्सक्रिप्शन के लाइव वेबसाइट विज़िटर्स को ट्रैक करें। एक क्लाइंट यह देखना चाहता था कि उनकी वेबसाइट पर रीयल-टाइम में कौन है। उन्हें Tidio विजेट पसंद आया, लेकिन वे सब्सक्रिप्शन के लिए भुगतान नहीं करना चाहते थे...
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…
TypeScript में Using कीवर्ड और स्पष्ट संसाधन प्रबंधन। प्रोडक्शन में मेमोरी लीक अक्सर एक ही गलती के कारण होते हैं: डेवलपर्स संसाधन प्राप्त तो कर लेते हैं लेकिन उन्हें रिलीज़ करने में विफल रहते हैं। डेटाबेस सं...
मैंने बिना किसी मशीन को छुए हर ब्रांच को कैसे अपडेट किया। मैंने Electron का उपयोग करके एक इंटरनल डेस्कटॉप टूल बनाया। यह कई ब्रांच ऑफिसों की मशीनों पर चलता है। इन ऑफिसों में दि...
React सीखने का पांचवा दिन: बैचिंग और फंक्शनल अपडेट्स। मुझे लगा था कि स्टेट सेटर को कई बार कॉल करने से कई बार रेंडर होते हैं। मैं गलत था। React उससे कहीं अधिक स्मार्ट है। यह इस्तेमाल करता है...
मेरे बैकअप ने सारी तस्वीरें खो दीं। मैंने एक ऑफलाइन मूड ट्रैकर के लिए बैकअप बटन बनाया था। यह डेटा को एक JSON फ़ाइल में एक्सपोर्ट करता था। उपयोगकर्ता इसे सेव कर सकते थे और नए फोन में ले जा सकते थे। यह एकदम सही लग रहा था...
आपकी वाइब-कोडेड वेबसाइट कभी रैंक क्यों नहीं करेगी। पिछले महीने एक फाउंडर ने मुझे एक वेबसाइट दिखाई। यह दिखने में बहुत शानदार थी। इसमें बेहतरीन एनिमेशन और सटीक कंटेंट था। उन्होंने इसे एक दोपहर में A... का उपयोग करके बनाया था।
Firebase पर कस्टम ई-कॉमर्स। मैंने शुरुआत से ही एक कस्टम ई-कॉमर्स साइट बनाई। मैंने किसी बने-बनाए प्लेटफॉर्म का उपयोग नहीं किया। मैंने Firebase Realtime Database और Netlify का उपयोग किया। लक्ष्य यह था कि...
दो PWAs के बीच हस्ताक्षरित टोकन: बिना बैकएंड के HMAC SHA256। आपको एक PWA से दूसरे PWA में उपयोगकर्ता की पहचान पास करने की आवश्यकता है। दोनों ऐप्स अलग-अलग Firebase प्रोजेक्ट्स पर चलते हैं। वे कोई डेटा साझा नहीं करते हैं...
JavaScript के साथ अपना पहला Discord Bot बनाएं। आप एक Discord bot बनाना चाहते हैं। शायद आपने संगीत बजाने वाले या पोल चलाने वाले बॉट्स देखे होंगे और सोचा होगा कि वे कैसे काम करते हैं। इस सीरीज़ के अंत तक...
7 साल बाद मैं वापस जावास्क्रिप्ट की ओर क्यों लौटा। मैं 7 साल के अनुभव वाला एक UI डेवलपर हूँ। मुझे HTML और CSS आता है। मैं Figma डिज़ाइन्स को कोड में बदल सकता हूँ। लेकिन मुझे कभी एक असली डेवलपर जैसा महसूस नहीं हुआ...
आप लिंक्ड लिस्ट का उपयोग नहीं करते, लेकिन वे आपके आधे सॉफ़्टवेयर को चला रहे हैं। संभवतः आप किसी प्रोडक्शन जावास्क्रिप्ट प्रोजेक्ट में कभी भी लिंक्ड लिस्ट नहीं लिखेंगे। आपकी भाषा में बने हुए एरेज़...
जब React 'Re-render' कहता है, तो इसका मतलब तीन चीजें होती हैं। जब आप setState को कॉल करते हैं, तो React केवल DOM को अपडेट नहीं करता है। यह एक क्रम में तीन अलग-अलग चरणों (phases) को चलाता है। ज्यादातर डेवलपर्स भ्रमित हो जाते हैं...
100 दिन, 87 टूल्स, ज़ीरो सर्वर। मैंने ToolKnit बनाने में 100 दिन बिताए। यह 87 ब्राउज़र-आधारित टूल्स का एक सुइट है। ज़्यादातर टूल साइट्स इस तरह काम करती हैं: आप एक फ़ाइल अपलोड करते हैं। एक सर्वर उसे प्रोसेस करता है...
I Interviewed 5 Candidates for a Technical Role I interviewed five candidates for a frontend role last week. They had different backgrounds and different skills. By the end of day…
React ने अपना अस्तित्व खो दिया है और Vercel अब उसकी पहचान ओढ़ रहा है। React कम्युनिटी पहले इस प्रोजेक्ट की मालिक हुआ करती थी। अब ऐसा लगता है जैसे कोई होस्टिंग कंपनी इसे चला रही है। यह बदलाव धीरे-धीरे हुआ। फिर यह...
25 JSON गलतियाँ जो हर डेवलपर करता है। JSON वेब कम्युनिकेशन की रीढ़ है। यह हल्का और पढ़ने में आसान है। हालाँकि, इसके नियम काफी सख्त हैं। छोटी सी गलती भी आपके कोड को खराब कर सकती है...
GraphQL Fragments: हर कंपोनेंट को अपना डेटा खुद मैनेज करने दें। शुरुआत में GraphQL क्वेरीज़ बहुत साफ-सुथरी लगती हैं। एक ही रिक्वेस्ट से आपका सारा डेटा मिल जाता है। फिर जैसे-जैसे आपका ऐप बढ़ता है, आपकी पेज क्वेरी फ़ील्ड्स इकट्ठा करने लगती है...
