जावास्क्रिप्ट और टाइपस्क्रिप्ट इकोसिस्टम।
मेरे बैकअप ने सारी तस्वीरें खो दीं। मैंने एक ऑफलाइन मूड ट्रैकर के लिए बैकअप बटन बनाया था। यह डेटा को एक JSON फ़ाइल में एक्सपोर्ट करता था। उपयोगकर्ता इसे सेव कर सकते थे और नए फोन में ले जा सकते थे। यह एकदम सही लग रहा था...
आपकी वाइब-कोडेड वेबसाइट कभी रैंक क्यों नहीं करेगी। पिछले महीने एक फाउंडर ने मुझे एक वेबसाइट दिखाई। यह दिखने में बहुत शानदार थी। इसमें बेहतरीन एनिमेशन और सटीक कंटेंट था। उन्होंने इसे एक दोपहर में A... का उपयोग करके बनाया था।
TypeScript की जीत हो चुकी है। आइए देखें कि इससे हमें वास्तव में क्या हासिल हुआ है। अब TypeScript के इस्तेमाल को लेकर कोई बहस नहीं करता। नए प्रोजेक्ट्स में इसे डिफ़ॉल्ट रूप से इस्तेमाल किया जाता है। बहस खत्म हो चुकी है। असली वैल्यू सिर्फ...
React बनाम Next.js: आपको क्या सीखना चाहिए? शुरुआती लोग अक्सर पूछते हैं कि उन्हें पहले React सीखना चाहिए या Next.js। गलत चुनाव आपकी प्रगति को धीमा कर सकता है। यह गाइड आपको ... के आधार पर निर्णय लेने में मदद करती है।
Firebase पर कस्टम ई-कॉमर्स। मैंने शुरुआत से ही एक कस्टम ई-कॉमर्स साइट बनाई। मैंने किसी बने-बनाए प्लेटफॉर्म का उपयोग नहीं किया। मैंने Firebase Realtime Database और Netlify का उपयोग किया। लक्ष्य यह था कि...
दो PWAs के बीच हस्ताक्षरित टोकन: बिना बैकएंड के HMAC SHA256। आपको एक PWA से दूसरे PWA में उपयोगकर्ता की पहचान पास करने की आवश्यकता है। दोनों ऐप्स अलग-अलग Firebase प्रोजेक्ट्स पर चलते हैं। वे कोई डेटा साझा नहीं करते हैं...
JavaScript के साथ अपना पहला Discord Bot बनाएं। आप एक Discord bot बनाना चाहते हैं। शायद आपने संगीत बजाने वाले या पोल चलाने वाले बॉट्स देखे होंगे और सोचा होगा कि वे कैसे काम करते हैं। इस सीरीज़ के अंत तक...
7 साल बाद मैं वापस जावास्क्रिप्ट की ओर क्यों लौटा। मैं 7 साल के अनुभव वाला एक UI डेवलपर हूँ। मुझे HTML और CSS आता है। मैं Figma डिज़ाइन्स को कोड में बदल सकता हूँ। लेकिन मुझे कभी एक असली डेवलपर जैसा महसूस नहीं हुआ...
आप लिंक्ड लिस्ट का उपयोग नहीं करते, लेकिन वे आपके आधे सॉफ़्टवेयर को चला रहे हैं। संभवतः आप किसी प्रोडक्शन जावास्क्रिप्ट प्रोजेक्ट में कभी भी लिंक्ड लिस्ट नहीं लिखेंगे। आपकी भाषा में बने हुए एरेज़...
TypeScript जीत गया। इससे हमें क्या हासिल हुआ। बहस खत्म हो चुकी है। ज़्यादातर नए फ्रंटएंड प्रोजेक्ट्स डिफ़ॉल्ट रूप से TypeScript का उपयोग करते हैं। लोग अब इसे अपनाने को लेकर बहस नहीं करते। असली v...
मैंने अपने ऐप के डेटाबेस की जगह गूगल ड्राइव फोल्डर का इस्तेमाल किया। मैं अपनी बेटी की संगीत में प्रगति को ट्रैक करना चाहता था। उसे हर हफ्ते अपने शिक्षक से ऑडियो क्लिप्स और नोट्स मिलते हैं। मैं सुनना चाहता था...
इन चीज़ों को डीबग करना। शुरुआत करने वालों को लगता है कि अनुभवी डेवलपर्स गलतियाँ नहीं करते। सच तो कुछ और ही है। अनुभवी डेवलपर्स बस गलतियों को तेज़ी से पकड़ लेते हैं। मैंने एक फुल स्टैक प्र...
जब React 'Re-render' कहता है, तो इसका मतलब तीन चीजें होती हैं। जब आप setState को कॉल करते हैं, तो React केवल DOM को अपडेट नहीं करता है। यह एक क्रम में तीन अलग-अलग चरणों (phases) को चलाता है। ज्यादातर डेवलपर्स भ्रमित हो जाते हैं...
Rust ने JavaScript टूलचेन पर कब्ज़ा कर लिया। फिर Cloudflare ने इसे खरीद लिया। Vite ने इसके काम करने के तरीके को बदल दिया। यह दो टूल्स से बदलकर एक सिंगल पाइपलाइन पर आ गया। पुराने तरीके में डेवलपमेंट के लिए esbuild का उपयोग किया जाता था...
Pagelyze बनाने से मैंने React के बारे में क्या सीखा। Pagelyze बनाने से React को लेकर मेरा नज़रिया बदल गया। मैंने थ्योरी को देखना बंद कर दिया और प्रोडक्ट आर्किटेक्चर पर ध्यान देना शुरू किया। Pagelyze एक वेब...
JavaScript में Shallow Copy बनाम Deep Copy. JavaScript डेटा टाइप के आधार पर कॉपी करने के दो तरीके इस्तेमाल करता है। प्रिमिटिव वैल्यूज़ (Copy by Value): प्रिमिटिव प्रकारों में स्ट्रिंग्स, नंबर शामिल हैं...
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 कम्युनिटी पहले इस प्रोजेक्ट की मालिक हुआ करती थी। अब ऐसा लगता है जैसे कोई होस्टिंग कंपनी इसे चला रही है। यह बदलाव धीरे-धीरे हुआ। फिर यह...
JavaScript एरे मेथड्स भाग 1. JavaScript में एक एरे एक विशेष ऑब्जेक्ट है। यह एक ही वेरिएबल में कई वैल्यूज़ को स्टोर करता है। हर छात्र के लिए अलग-अलग वेरिएबल बनाने के बजाय: l…
25 JSON गलतियाँ जो हर डेवलपर करता है। JSON वेब कम्युनिकेशन की रीढ़ है। यह हल्का और पढ़ने में आसान है। हालाँकि, इसके नियम काफी सख्त हैं। छोटी सी गलती भी आपके कोड को खराब कर सकती है...
GraphQL Fragments: हर कंपोनेंट को अपना डेटा खुद मैनेज करने दें। शुरुआत में GraphQL क्वेरीज़ बहुत साफ-सुथरी लगती हैं। एक ही रिक्वेस्ट से आपका सारा डेटा मिल जाता है। फिर जैसे-जैसे आपका ऐप बढ़ता है, आपकी पेज क्वेरी फ़ील्ड्स इकट्ठा करने लगती है...
React vs Angular vs Vue: इनमें से एक को कैसे चुनें। एक frontend framework चुनना किसी जाल जैसा महसूस होता है। हर ब्लॉग पोस्ट किसी एक को विजेता बताता है। कमेंट सेक्शन एक युद्ध का मैदान बन जाता है। यहाँ सच्चाई यह है...
React Context बनाम Zustand: किसका उपयोग कब करें। डेवलपर्स अक्सर React state के साथ एक गलती करते हैं। वे Context का गलत तरीके से उपयोग करते हैं और फिर परफॉरमेंस की समस्याओं के लिए Context को दोष देते हैं। वह...
