GyaanSetu JavaScript

JavaScript, TypeScript എന്നിവയുടെ ആവാസവ്യവസ്ഥ.

115 articlesDeep, practical knowledge

AI ടൈപ്പ്സ്ക്രിപ്റ്റ് യുദ്ധത്തിൽ വിജയിച്ചു

AI ടൈപ്പ്സ്ക്രിപ്റ്റ് യുദ്ധത്തിൽ വിജയിച്ചു. തർക്കം അവസാനിച്ചു. മികച്ച വാദങ്ങൾ ഉള്ളതുകൊണ്ടല്ല ടൈപ്പ്സ്ക്രിപ്റ്റ് വിജയിച്ചത്. AI ടൂളുകൾ ഈ തർക്കത്തെ പ്രസക്തമല്ലാതാക്കിയതുകൊണ്ടാണ് അത് വിജയിച്ചത്. ഗവേഷകർ ഒരു പ്രധാന പാറ്റേൺ കണ്ടെത്തി...

JavaScript · 2 min read

DOM CRUD പ്രവർത്തനങ്ങൾ

DOM CRUD പ്രവർത്തനങ്ങൾ: ബ്രൗസറുകൾ HTML എങ്ങനെ പ്രതിനിധീകരിക്കുന്നു എന്നതാണ് ഡോക്യുമെന്റ് ഒബ്ജക്റ്റ് മോഡൽ (DOM). ഇത് ഓരോ എലമെന്റിനെയും, അറ്റ്രിബ്യൂട്ടിനെയും, ടെക്സ്റ്റ് ഭാഗങ്ങളെയും ഒരു ഒബ്ജക്റ്റാക്കി മാറ്റുന്നു. ജാവാസ്ക്രിപ്റ്റ് ഈ ഒബ്ജക്റ്റുകൾ ഉപയോഗിക്കുന്നു...

JavaScript · 2 min read

How To Set Up React Context

How To Set Up React Context Prop drilling ruins your code. You pass data through five layers of components that do not need it. React Context fixes this. However, most setups crea…

JavaScript · 2 min read

Testing Nodejs Digest Emails Without Inbox Noise

Testing Nodejs Digest Emails Without Inbox Noise Digest emails cause problems when preview environments send summaries to one shared mailbox. You lose track of which message belon…

JavaScript · 2 min read

ലിങ്കുകൾ വിട്ടുപോകാതെ ഇമെയിൽ മാറ്റുന്ന പ്രക്രിയകൾ പരിശോധിക്കുക

ലിങ്കുകൾ വിട്ടുപോകാതെ ഇമെയിൽ മാറ്റുന്ന പ്രക്രിയകൾ പരിശോധിക്കുക. ഒരു അക്കൗണ്ട് ഇമെയിൽ മാറ്റുന്നത് ചെറിയ കാര്യമായി തോന്നാം, എന്നാൽ ഇത് QA ടീമുകൾക്ക് സാധാരണയായി സംഭവിക്കുന്ന ഒരു പിഴവാണ്. ഒരു ടെസ്റ്റർ ഒരു അഡ്രസ്സ് അപ്ഡേറ്റ് ചെയ്യുന്നു, മറ്റൊരാൾ ആ ഇമെയിൽ തുറക്കുന്നു...

JavaScript · 2 min read

വെബ് പെർഫോമൻസിലെ 3 സെക്കൻഡ് നിയമം

വെബ് പെർഫോമൻസിലെ 3 സെക്കൻഡ് നിയമം. നിങ്ങൾക്ക് മൂന്ന് സെക്കൻഡ് മാത്രമേ സമയമുള്ളൂ. അതിനുശേഷം നിങ്ങളുടെ ഉപയോക്താക്കൾ സൈറ്റ് വിട്ടുപോകും. ഒരു സൈറ്റ് ലോഡ് ആകാൻ 3 സെക്കൻഡിൽ കൂടുതൽ സമയമെടുത്താൽ 53% മൊബൈൽ ഉപയോക്താക്കളും അത് ഉപേക്ഷിക്കുമെന്ന് ഗൂഗിൾ ഗവേഷണം കാണിക്കുന്നു...

JavaScript · 2 min read

React Refs-ഉം useRef Hook-ഉം ഉപയോഗിക്കുന്നത്

React Refs-ഉം useRef Hook-ഉം ഉപയോഗിക്കുന്നത്. React ഒരു ഡിക്ലറേറ്റീവ് സമീപനമാണ് (declarative approach) ഉപയോഗിക്കുന്നത്. നിങ്ങൾ സ്റ്റേറ്റ് അപ്‌ഡേറ്റ് ചെയ്യുമ്പോൾ 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

Master React Lists and Keys

Master React Lists and Keys Rendering lists in React is simple, but doing it right is hard. Many developers use the array index as a key. This is a mistake. It leads to bugs and s…

JavaScript · 2 min read

ആയിരക്കണക്കിന് റിക്വസ്റ്റുകൾ Node.js എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു

ആയിരക്കണക്കിന് റിക്വസ്റ്റുകൾ Node.js എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു. Node.js ഒരു സിംഗിൾ ത്രെഡഡ് (single threaded) ആണെന്ന് ആളുകൾ പറയാറുണ്ട്. എന്നിരുന്നാലും, ഇത് തടസ്സമില്ലാതെ ആയിരക്കണക്കിന് റിക്വസ്റ്റുകൾ കൈകാര്യം ചെയ്യുകയും, ഫയലുകൾ വായിക്കുകയും, API കോളുകൾ നടത്തുകയും ചെയ്യുന്നു. എങ്ങനെയാണ്...

JavaScript · 2 min read

ഓരോ npm ഇൻസ്റ്റാളേഷനും പിന്നിലെ മറഞ്ഞിരിക്കുന്ന ചിലവ്

ഓരോ npm ഇൻസ്റ്റാളേഷനും പിന്നിലെ മറഞ്ഞിരിക്കുന്ന ചിലവ്. ജാവാസ്ക്രിപ്റ്റ് പ്രശ്നങ്ങൾ പരിഹരിക്കാനായി ലൈബ്രറികൾ ഡൗൺലോഡ് ചെയ്ത് നമ്മൾ പത്ത് വർഷം ചെലവഴിച്ചു. തീയതികൾക്കായി നമ്മൾ moment.js ഉപയോഗിച്ചു, യൂട്ടിലിറ്റികൾക്കായി lodash ഉപയോഗിച്ചു, node fetch ഉപയോഗിച്ചത്...

JavaScript · 2 min read

ഭക്ഷ്യ ഉൽപ്പാദനത്തിൽ UV എയർ റീസർക്കുലേറ്ററുകൾ ഉപയോഗിക്കുമ്പോൾ വരുത്തുന്ന തെറ്റുകൾ

ഭക്ഷ്യ ഉൽപ്പാദനത്തിൽ UV എയർ റീസർക്കുലേറ്ററുകൾ ഉപയോഗിക്കുമ്പോൾ വരുത്തുന്ന തെറ്റുകൾ. ഭക്ഷ്യ ഉൽപ്പാദനത്തിൽ വായു ശുചിത്വം വളരെ പ്രധാനമാണ്. പാക്കേജിംഗ് മേഖലകൾ വളരെ സെൻസിറ്റീവ് ആണ്. വായുവിലൂടെ പടരുന്ന സൂക്ഷ്മജീവികൾ ഉൽപ്പന്നത്തിന്റെ ഗുണനിലവാരം നശിപ്പിച്ചേക്കാം...

JavaScript · 2 min read

Building An Interactive App Guide

Building An Interactive App Guide Support teams often struggle with apps they have never installed. A PDF with screenshots is the standard solution. Most people do not read PDFs.…

JavaScript · 2 min read

അദൃശ്യമായ ഫ്രണ്ട്‌എൻഡ്: ഒരു ഉൽപ്പന്നത്തെ രക്ഷിക്കുന്ന ചെറിയ തീരുമാനങ്ങൾ

അദൃശ്യമായ ഫ്രണ്ട്‌എൻഡ്: ഒരു ഉൽപ്പന്നത്തെ രക്ഷിക്കുന്ന ചെറിയ തീരുമാനങ്ങൾ. ഏറ്റവും മികച്ച ഫ്രണ്ട്‌എൻഡ് ജോലികൾ ഒരിക്കലും ഒരു ഡെമോയിൽ കാണപ്പെടാറില്ല. ഞാൻ ഏറ്റവും വിലമതിക്കുന്ന ജോലി അദൃശ്യമാണ്. ആരും അതിന്റെ സ്ക്രീൻഷോട്ടുകൾ എടുക്കാറില്ല. എന്നാൽ...

JavaScript · 2 min read

ഒരു മെഷീൻ പോലും തൊടാതെ ഞാൻ എങ്ങനെ എല്ലാ ബ്രാഞ്ചുകളും അപ്‌ഡേറ്റ് ചെയ്തു

ഒരു മെഷീൻ പോലും തൊടാതെ ഞാൻ എങ്ങനെ എല്ലാ ബ്രാഞ്ചുകളും അപ്‌ഡേറ്റ് ചെയ്തു. ഞാൻ ഇലക്ട്രോൺ (Electron) ഉപയോഗിച്ച് ഒരു ഇന്റേണൽ ഡെസ്ക്ടോപ്പ് ടൂൾ നിർമ്മിച്ചു. ഇത് പല ബ്രാഞ്ച് ഓഫീസുകളിലെയും മെഷീനുകളിൽ പ്രവർത്തിക്കുന്നു. ഈ ഓഫീസുകൾക്ക് വ്യത്യസ്തമായ...

JavaScript · 2 min read

React Performance Optimisation Checklist

React Performance Optimisation Checklist Slow applications kill businesses. They cause high bounce rates and frustrate users. They also increase your infrastructure costs. You do…

JavaScript · 2 min read

നിങ്ങളുടെ കൺസോൾ നിങ്ങളോട് കള്ളം പറയുകയാണ്

നിങ്ങളുടെ കൺസോൾ നിങ്ങളോട് കള്ളം പറയുകയാണ്. ഡീബഗ്ഗിംഗ് സമയത്ത് നിങ്ങളുടെ ബ്രൗസർ ഡെവ് ടൂൾസ് (DevTools) നിങ്ങളെ തെറ്റിദ്ധരിപ്പിച്ചേക്കാം. അത് കേടായതല്ല, മറിച്ച് വേഗതയ്ക്കായി ഒപ്റ്റിമൈസ് ചെയ്തതാണ്, പൂർണ്ണമായ കൃത്യതയ്ക്കല്ല. എന്തുകൊണ്ടാണ് നിങ്ങൾക്ക്...

JavaScript · 2 min read