JavaScript, TypeScript എന്നിവയുടെ ആവാസവ്യവസ്ഥ.
എന്റെ ബാക്കപ്പ് എല്ലാ ഫോട്ടോകളും നഷ്ടപ്പെടുത്തി. ഒരു ഓഫ്ലൈൻ മൂഡ് ട്രാക്കറിനായി ഞാൻ ഒരു ബാക്കപ്പ് ബട്ടൺ നിർമ്മിച്ചിരുന്നു. ഇത് ഡാറ്റ ഒരു JSON ഫയലിലേക്ക് എക്സ്പോർട്ട് ചെയ്യുമായിരുന്നു. ഉപയോക്താക്കൾക്ക് ഇത് സേവ് ചെയ്യാനും പുതിയ ഫോണിലേക്ക് മാറ്റാനും സാധിക്കുമായിരുന്നു. എല്ലാം തികഞ്ഞതായിരുന്നു എന്ന് തോന്നിയിരുന്നു...
നിങ്ങളുടെ വൈബ് കോഡഡ് വെബ്സൈറ്റ് എന്തിന് ഒരിക്കലും റാങ്ക് ചെയ്യില്ല? കഴിഞ്ഞ മാസം ഒരു ഫൗണ്ടർ എനിക്ക് ഒരു വെബ്സൈറ്റ് കാണിച്ചുതന്നു. അത് കാണാൻ വളരെ മനോഹരമായിരുന്നു. അതിൽ മികച്ച അനിമേഷനുകളും ആകർഷകമായ എഴുത്തുകളും ഉണ്ടായിരുന്നു. അദ്ദേഹം ഒരു ഉച്ചനേരത്തിനുള്ളിൽ അത് നിർമ്മിച്ചു...
TypeScript Won. Here is What It Actually Bought Us. Nobody argues about using TypeScript anymore. New projects use it by default. The debate is over. The real value is not just ca…
React vs Next.js: നിങ്ങൾ ഏതാണ് പഠിക്കേണ്ടത്? ആദ്യം React ആണോ അതോ Next.js ആണോ പഠിക്കേണ്ടതെന്ന് തുടക്കക്കാർ പലപ്പോഴും ചോദിക്കാറുണ്ട്. തെറ്റായ തിരഞ്ഞെടുപ്പ് നിങ്ങളുടെ പുരോഗതിയെ മന്ദഗതിയിലാക്കും. ഇതിനെ അടിസ്ഥാനമാക്കി തീരുമാനമെടുക്കാൻ ഈ ഗൈഡ് നിങ്ങളെ സഹായിക്കുന്നു...
Custom E commerce on Firebase I built a custom e commerce site from scratch. I did not use off the shelf platforms. I used Firebase Realtime Database and Netlify. The goal was to…
രണ്ട് PWA-കൾക്കിടയിൽ സൈൻ ചെയ്ത ടോക്കൺ: ബാക്കെൻഡ് ഇല്ലാതെ HMAC SHA256. ഒരു PWA-യിൽ നിന്ന് മറ്റൊന്നിലേക്ക് ഉപയോക്താവിന്റെ ഐഡന്റിറ്റി കൈമാറേണ്ടതുണ്ട്. രണ്ട് ആപ്പുകളും വ്യത്യസ്തമായ ഫയർബേസ് (Firebase) പ്രോജക്റ്റുകളിലാണ് പ്രവർത്തിക്കുന്നത്. അവ തമ്മിൽ ഡാറ്റാ പങ്കുവെക്കുന്നില്ല...
JavaScript ഉപയോഗിച്ച് നിങ്ങളുടെ ആദ്യത്തെ Discord ബോട്ട് നിർമ്മിക്കൂ. നിങ്ങൾക്ക് ഒരു Discord ബോട്ട് നിർമ്മിക്കണമെന്ന് ആഗ്രഹമുണ്ട്. പാട്ടുകൾ പ്ലേ ചെയ്യുന്നതോ പോളുകൾ നടത്തുന്നതോ ആയ ബോട്ടുകളെ കണ്ട് അവ എങ്ങനെയാണ് പ്രവർത്തിക്കുന്നത് എന്ന് നിങ്ങൾ അത്ഭുതപ്പെടുന്നുണ്ടാകാം. ഈ പരമ്പരയുടെ അവസാനത്തോടെ...
7 വർഷങ്ങൾക്ക് ശേഷം ഞാൻ എന്തുകൊണ്ട് വീണ്ടും ജാവാസ്ക്രിപ്റ്റിലേക്ക് മടങ്ങി? എനിക്ക് 7 വർഷത്തെ പ്രവൃത്തിപരിചയമുള്ള ഒരു UI ഡെവലപ്പർ ആണ് ഞാൻ. എനിക്ക് HTML, CSS എന്നിവ അറിയാം. എനിക്ക് Figma ഡിസൈനുകളെ കോഡാക്കി മാറ്റാൻ കഴിയും. എന്നാൽ ഒരു യഥാർത്ഥ ഡെവലപ്പർ ആണെന്ന് എനിക്ക് ഒരിക്കലും തോന്നിയിട്ടില്ല...
നിങ്ങൾ ലിങ്ക്ഡ് ലിസ്റ്റുകൾ ഉപയോഗിക്കുന്നില്ല. പക്ഷേ അവ നിങ്ങളുടെ സോഫ്റ്റ്വെയറിന്റെ പകുതിയും പ്രവർത്തിപ്പിക്കുന്നു. ഒരു പ്രൊഡക്ഷൻ ജാവാസ്ക്രിപ്റ്റ് പ്രോജക്റ്റിൽ നിങ്ങൾ ഒരുപക്ഷേ ഒരിക്കലും ഒരു ലിങ്ക്ഡ് ലിസ്റ്റ് എഴുതില്ലായിരിക്കാം. നിങ്ങളുടെ ഭാഷയിലെ ബിൽറ്റ്-ഇൻ അറേകൾ...
TypeScript വിജയിച്ചു. അതിന്റെ ഫലം ഇതാണ്. തർക്കങ്ങൾ അവസാനിച്ചു. മിക്ക പുതിയ ഫ്രണ്ട്എൻഡ് പ്രോജക്റ്റുകളും ഡിഫോൾട്ട് ആയി TypeScript ഉപയോഗിക്കുന്നു. ഇത് സ്വീകരിക്കണോ വേണ്ടയോ എന്നതിനെക്കുറിച്ച് ആളുകൾ ഇനി തർക്കിക്കാറില്ല. യഥാർത്ഥ വ...
Replaced My App's Database With A Google Drive Folder I wanted to track my daughter's music progress. She gets audio clips and notes from her teacher every week. I wanted to liste…
Debugging This Stuff Beginners think experienced developers do not make mistakes. The truth is different. Experienced developers just find mistakes faster. I built a full stack pr…
React 'Re-render' എന്ന് പറയുമ്പോൾ അതിനർത്ഥം മൂന്ന് കാര്യങ്ങളാണ്. നിങ്ങൾ setState വിളിക്കുമ്പോൾ, React വെറുതെ DOM മാത്രം അപ്ഡേറ്റ് ചെയ്യുകയല്ല ചെയ്യുന്നത്. അത് മൂന്ന് വ്യത്യസ്ത ഘട്ടങ്ങൾ ഒരു ക്രമത്തിൽ പ്രവർത്തിപ്പിക്കുന്നു. മിക്ക ഡെവലപ്പർമാരും ഇതിനെക്കുറിച്ച് തെറ്റിദ്ധരിക്കാറുണ്ട്...
Rust ജാവാസ്ക്രിപ്റ്റ് ടൂൾചെയിനിനെ വിഴുങ്ങി. പിന്നീട് ക്ലൗഡ്ഫ്ലെയർ അത് വാങ്ങി. Vite അതിന്റെ പ്രവർത്തനരീതി മാറ്റി. ഇത് രണ്ട് ടൂളുകളിൽ നിന്ന് ഒരൊറ്റ പൈപ്പ്ലൈനിലേക്ക് മാറി. പഴയ രീതി ഡെവലപ്മെന്റിനായി esbuild ഉപയോഗിച്ചിരുന്നു...
Pagelyze നിർമ്മിച്ചതിലൂടെ React-നെ കുറിച്ച് ഞാൻ പഠിച്ച കാര്യങ്ങൾ. Pagelyze നിർമ്മിച്ചത് React-നെ കുറിച്ചുള്ള എന്റെ കാഴ്ചപ്പാട് മാറ്റിമറിച്ചു. ഞാൻ തിയറിക്ക് പകരം പ്രൊഡക്റ്റ് ആർക്കിടെക്ചറിലേക്ക് ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ തുടങ്ങി. Pagelyze ഒരു വെബ്...
ജാവാസ്ക്രിപ്റ്റിലെ ഷാലോ കോപ്പി vs ഡീപ്പ് കോപ്പി. ഡാറ്റാ ടൈപ്പിനെ അടിസ്ഥാനമാക്കി ജാവാസ്ക്രിപ്റ്റ് രണ്ട് രീതിയിലാണ് കോപ്പി ചെയ്യുന്നത്. പ്രിമിറ്റീവ് വാല്യൂസ് (Copy by Value). സ്ട്രിംഗുകൾ, നമ്പറുകൾ തുടങ്ങിയവയാണ് പ്രിമിറ്റീവ് ടൈപ്പുകളിൽ ഉൾപ്പെടുന്നത്...
100 ദിവസങ്ങൾ, 87 ടൂളുകൾ, പൂജ്യം സെർവറുകൾ. ToolKnit നിർമ്മിക്കാൻ ഞാൻ 100 ദിവസങ്ങൾ ചെലവഴിച്ചു. ഇത് 87 ബ്രൗസർ അധിഷ്ഠിത ടൂളുകളുടെ ഒരു കൂട്ടമാണ്. മിക്ക ടൂൾ സൈറ്റുകളും ഇങ്ങനെയൊക്കെയാണ് പ്രവർത്തിക്കുന്നത്: നിങ്ങൾ ഒരു ഫയൽ അപ്ലോഡ് ചെയ്യുന്നു. ഒരു സെർവർ അത് പ്രോസസ്സ് ചെയ്യുന്നു...
ഒരു സാങ്കേതിക തസ്തികയിലേക്ക് ഞാൻ 5 ഉദ്യോഗാർത്ഥികളെ ഇന്റർവ്യൂ ചെയ്തു. കഴിഞ്ഞ ആഴ്ച ഒരു ഫ്രണ്ട്എൻഡ് റോളിലേക്ക് ഞാൻ അഞ്ച് ഉദ്യോഗാർത്ഥികളെ ഇന്റർവ്യൂ ചെയ്തു. അവർക്ക് വ്യത്യസ്ത പശ്ചാത്തലങ്ങളും വ്യത്യസ്ത കഴിവുകളുമുണ്ടായിരുന്നു. ദിവസാവസാനമായപ്പോഴേക്കും...
React Lost Its Mass and Vercel Is Wearing Its Skin The React community used to own the project. Now, it feels like a hosting company manages it. The shift happened slowly. Then it…
JavaScript അറേ മെത്തേഡുകൾ ഭാഗം 1. JavaScript-ൽ ഒരു അറേ എന്നത് ഒരു പ്രത്യേക ഒബ്ജക്റ്റാണ്. ഇത് ഒരൊറ്റ വേരിയബിളിൽ ഒന്നിലധികം മൂല്യങ്ങൾ സംഭരിക്കുന്നു. ഓരോ വിദ്യാർത്ഥിക്കും പ്രത്യേകം വേരിയബിളുകൾ ഉണ്ടാക്കുന്നതിന് പകരം: l…
ഓരോ ഡെവലപ്പറും വരുത്തുന്ന 25 JSON തെറ്റുകൾ. വെബ് കമ്മ്യൂണിക്കേഷന്റെ നട്ടെല്ലാണ് JSON. ഇത് ഭാരം കുറഞ്ഞതും വായിക്കാൻ എളുപ്പവുമാണ്. എന്നിരുന്നാലും, ഇതിന്റെ നിയമങ്ങൾ കർശനമാണ്. ചെറിയ തെറ്റുകൾ പോലും നിങ്ങളുടെ കോഡ് തകരാറിലാക്കും...
GraphQL ഫ്രാഗ്മെന്റുകൾ: ഓരോ കംപോണന്റും അതിന്റെ ഡാറ്റ സ്വന്തമായി കൈകാര്യം ചെയ്യട്ടെ. തുടക്കത്തിൽ GraphQL ക്വറികൾ വളരെ ലളിതമായി തോന്നും. ഒരു റിക്വസ്റ്റിലൂടെ നിങ്ങൾക്ക് എല്ലാ ഡാറ്റയും ലഭിക്കുന്നു. എന്നാൽ നിങ്ങളുടെ ആപ്പ് വളരുമ്പോൾ, നിങ്ങളുടെ പേജ് ക്വറി കൂടുതൽ ഫീൽഡുകൾ ശേഖരിക്കാൻ തുടങ്ങുന്നു...
React vs Angular vs Vue: How to Pick One Choosing a frontend framework feels like a trap. Every blog post claims a winner. The comments section turns into a war. Here is the truth…
React Context vs Zustand: ഏത് എപ്പോൾ ഉപയോഗിക്കണം. ഡെവലപ്പർമാർ പലപ്പോഴും React സ്റ്റേറ്റുമായി ബന്ധപ്പെട്ട് ഒരു തെറ്റ് വരുത്താറുണ്ട്. അവർ Context തെറ്റായ രീതിയിൽ ഉപയോഗിക്കുകയും, തുടർന്ന് പെർഫോമൻസ് പ്രശ്നങ്ങൾക്ക് Context-നെ കുറ്റപ്പെടുത്തുകയും ചെയ്യുന്നു. ...
