GyaanSetu JavaScript

The JavaScript and TypeScript ecosystem.

115 articlesDeep, practical knowledge

AI ने Typescript युद्ध जिंकले

AI ने Typescript युद्ध जिंकले. वाद आता संपला आहे. TypeScript अधिक चांगल्या युक्तिवादांमुळे जिंकले नाही, तर ते जिंकले कारण AI साधनांनी हा वाद निरर्थक ठरवला. संशोधकांना एक महत्त्वाचा पॅटर्न...

JavaScript · 2 min read

DOM CRUD ऑपरेशन्स

DOM CRUD ऑपरेशन्स: डॉक्युमेंट ऑब्जेक्ट मॉडेल (DOM) ही ब्राउझरद्वारे HTML दर्शवण्याची पद्धत आहे. हे प्रत्येक एलिमेंट, ॲट्रिब्युट आणि मजकुराचे रूपांतर एका ऑब्जेक्टमध्ये करते. जावास्क्रिप्ट या ऑब्जेक्ट्सचा वापर करते...

JavaScript · 2 min read

React Context कसे सेट करायचे

React Context कसे सेट करायचे. Prop drilling मुळे तुमचा कोड खराब होतो. तुम्ही डेटा अशा पाच कंपोनंट लेयर्समधून पास करता ज्यांना त्याची गरज नसते. React Context ही समस्या सोडवते. मात्र, बहुतेक सेटअप्समध्ये...

JavaScript · 2 min read

इनबॉक्समधील गोंधळ टाळून Nodejs डायजेस्ट ईमेलचे परीक्षण करणे

इनबॉक्समधील गोंधळ टाळून Nodejs डायजेस्ट ईमेलचे परीक्षण करणे. जेव्हा प्रिव्ह्यू एन्व्हायरनमेंट्स एका सामायिक मेलबॉक्समध्ये सारांश पाठवतात, तेव्हा डायजेस्ट ईमेलमुळे समस्या निर्माण होतात. कोणता संदेश कशाचा आहे याचा मागोवा घेणे कठीण होते...

JavaScript · 2 min read

Test Email Change Flows Without Missed Links

Test Email Change Flows Without Missed Links Changing an account email seems small. It is a common trap for QA teams. One tester updates an address. Another person opens the email…

JavaScript · 2 min read

वेब परफॉर्मन्सचा ३ सेकंदाचा नियम

वेब परफॉर्मन्सचा ३ सेकंदाचा नियम. तुमच्याकडे फक्त तीन सेकंद आहेत. त्यानंतर, तुमचे वापरकर्ते साइट सोडून निघून जातात. गुगलच्या संशोधनानुसार, जर एखादी साइट लोड होण्यासाठी ३ सेकंदांपेक्षा जास्त वेळ लागला, तर ५३% मोबाईल युजर्स ती साइट सोडून देतात...

JavaScript · 2 min read

React Refs आणि useRef Hook चा वापर

React Refs आणि useRef Hook वापरणे. React एक डिक्लेरेटिव्ह (declarative) दृष्टिकोन वापरते. तुम्ही स्टेट (state) अपडेट करता आणि React UI अपडेट करते. हे बहुतेक कामांसाठी उपयुक्त ठरते. पण कधीकधी तुम्हाला त्यापलीकडे जाण्याची गरज पडते...

JavaScript · 2 min read

React मध्ये Key म्हणून Index वापरणे चुकीचे का आहे?

React मध्ये Key म्हणून Index वापरणे चुकीचे का आहे? तुम्ही React मध्ये एक डायनॅमिक लिस्ट तयार करता. तुम्ही एक आयटम डिलीट करता. अचानक, दुसऱ्या एखाद्या आयटमची UI स्टेट बदलते. किंवा, तुम्ही लिस्ट सॉर्ट करता आणि...

JavaScript · 2 min read

सबस्क्रिप्शनशिवाय वेबसाइटवरील लाइव्ह व्हिजिटर्स ट्रॅक करा

सबस्क्रिप्शनशिवाय वेबसाइटवरील लाइव्ह व्हिजिटर्स ट्रॅक करा. एका क्लायंटला त्यांच्या वेबसाइटवर रिअल टाइममध्ये कोण आहे हे पाहायचे होते. त्यांना Tidio विजेट आवडले होते, पण त्यांना सबस्क्रिप्शनसाठी पैसे द्यायचे नव्हते...

JavaScript · 2 min read

React Key Prop ची तुम्हाला गरज का आहे?

React Key Prop ची तुम्हाला गरज का आहे? तुम्हाला तुमच्या कन्सोलमध्ये ही एरर दिसते: "Each child in a list should have a unique 'key' prop." अनेक डेव्हलपर्स याकडे दुर्लक्ष करतात. ही एक चूक आहे. ही चेतावणी...

JavaScript · 2 min read

माझ्या कोडिंग एजंटला सत्रे लक्षात राहत होती, काम नाही

माझ्या कोडिंग एजंटला सत्रे लक्षात राहत होती, काम नाही. एक कोडिंग एजंट थ्रेड जिवंत ठेवू शकतो, तरीही तो विसरभोळा वाटू शकतो. CliGate तयार करताना मला या समस्येचा सामना करावा लागला. मी सेशनची निरंतरता...

JavaScript · 2 min read

React Lists आणि Keys मध्ये प्रभुत्व मिळवा

React Lists आणि Keys मध्ये प्रभुत्व मिळवा. React मध्ये लिस्ट रेंडर करणे सोपे आहे, पण ते योग्य पद्धतीने करणे कठीण आहे. अनेक डेव्हलपर्स 'key' म्हणून 'array index' वापरतात. ही एक चूक आहे. यामुळे बग्स आणि...

JavaScript · 2 min read

TypeScript Using कीवर्ड आणि स्पष्ट रिसोर्स मॅनेजमेंट

TypeScript Using कीवर्ड आणि स्पष्ट रिसोर्स मॅनेजमेंट. प्रोडक्शनमधील मेमरी लीक्स अनेकदा एका चुकीमुळे होतात: डेव्हलपर्स रिसोर्सेस मिळवतात पण ते रिलीज करण्यास अपयशी ठरतात. डेटाबेस कनेक्शन...

JavaScript · 2 min read

इनबॉक्सचा गोंधळ न करता पासवर्डलेस लॉगिन तपासा

इनबॉक्सचा गोंधळ न करता पासवर्डलेस लॉगिन तपासा. डेमोमध्ये पासवर्डलेस लॉगिन सोपे वाटते. वापरकर्ता ईमेल टाकतो. एक मॅजिक लिंक येते. सेशन सुरू होते. स्टेजिंगमध्ये, ही प्रक्रिया म...

JavaScript · 2 min read

Node.js हजारो रिक्वेस्ट्स कशा हाताळते?

Node.js हजारो रिक्वेस्ट्स कशा हाताळते? लोक म्हणतात की Node.js सिंगल थ्रेडेड आहे. तरीही, ते न थांबता हजारो रिक्वेस्ट्स हाताळते, फाइल्स वाचते आणि API कॉल्स करते. ते कसे...

JavaScript · 2 min read

प्रत्येक npm इन्स्टॉलचा छुपा खर्च

प्रत्येक npm इन्स्टॉलचा छुपा खर्च. आम्ही JavaScript सुधारण्यासाठी लायब्ररीज डाउनलोड करण्यात दहा वर्षे घालवली. आम्ही तारखांसाठी moment.js वापरले. आम्ही युटिलिटीजसाठी lodash वापरले. आम्ही node fetch वापरले...

JavaScript · 2 min read

अन्न उत्पादनात UV एअर रिसर्क्युलेटर्स वापरताना होणाऱ्या चुका

अन्न उत्पादनात UV एअर रिसर्क्युलेटर्स वापरताना होणाऱ्या चुका. अन्न उत्पादनात हवेची स्वच्छता अत्यंत महत्त्वाची असते. पॅकेजिंग क्षेत्रे विशेषतः संवेदनशील असतात. हवेतील सूक्ष्मजीव उत्पादनाचा दर्जा खराब करू शकतात...

JavaScript · 2 min read

एक इंटरअॅक्टिव्ह ॲप गाईड तयार करणे

एक इंटरअॅक्टिव्ह ॲप गाईड तयार करणे. सपोर्ट टीम्सना अनेकदा अशा ॲप्ससोबत काम करताना अडचणी येतात ज्या त्यांनी कधीही इंस्टॉल केलेल्या नसतात. स्क्रीनशॉट्ससह PDF हे एक प्रमाणित समाधान आहे. परंतु बहुतेक लोक PDF वाचत नाहीत...

JavaScript · 2 min read

अदृश्य फ्रंटएंड: उत्पादन वाचवणारे छोटे निर्णय

अदृश्य फ्रंटएंड: उत्पादन वाचवणारे छोटे निर्णय. सर्वोत्तम फ्रंटएंड काम कधीही डेमोमध्ये दिसत नाही. ज्या कामाला मी सर्वाधिक महत्त्व देतो, ते अदृश्य असते. कोणीही त्याचे स्क्रीनशॉट घेत नाही. पण...

JavaScript · 2 min read

एकही मशीन न शिवता मी प्रत्येक शाखा कशी अपडेट केली

एकही मशीन न शिवता मी प्रत्येक शाखा कशी अपडेट केली. मी Electron वापरून एक अंतर्गत डेस्कटॉप टूल तयार केले. ते अनेक शाखा कार्यालयांच्या मशीनवर चालते. या कार्यालयांमध्ये विविध...

JavaScript · 2 min read

React परफॉर्मन्स ऑप्टिमायझेशन चेकलिस्ट

React परफॉर्मन्स ऑप्टिमायझेशन चेकलिस्ट. संथ ॲप्लिकेशन्समुळे व्यवसायाचे नुकसान होते. यामुळे बाऊन्स रेट वाढतो आणि वापरकर्ते त्रस्त होतात. तसेच, यामुळे तुमच्या इन्फ्रास्ट्रक्चरचा खर्चही वाढतो. तुम्ही...

JavaScript · 2 min read

React शिकण्याचा ५ वा दिवस: बॅचिंग आणि फंक्शनल अपडेट्स

React शिकण्याचा ५ वा दिवस: बॅचिंग आणि फंक्शनल अपडेट्स. मला वाटले की स्टेट सेटर (state setter) अनेक वेळा कॉल केल्यामुळे अनेक वेळा रेंडरिंग होते, पण मी चुकीचा होतो. React त्यापेक्षाही अधिक हुशार आहे. ते वापरते...

JavaScript · 2 min read

तुमचे कन्सोल तुम्हाला फसवतेय

तुमचे कन्सोल तुम्हाला फसवतेय. डीबगिंग दरम्यान तुमचे ब्राउझर DevTools तुम्हाला दिशाभूल करू शकतात. ते खराब झालेले नाही, तर ते अचूकतेपेक्षा वेगासाठी ऑप्टिमाइझ केलेले आहे. याचे कारण असे की तुम्ही...

JavaScript · 2 min read