ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് പ്രകടനത്തിന്റെ ഒരു താരതമ്യം: ആധുനിക ആപ്ലിക്കേഷനുകൾക്കായുള്ള യഥാർത്ഥ ബെഞ്ച്മാർക്കുകൾ

വെബ് ഡെവലപ്‌മെന്റിന്റെ ചലനാത്മകമായ ലോകത്ത്, ഏത് ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്കാണ് "ഏറ്റവും മികച്ചത്" എന്നതിനെക്കുറിച്ചുള്ള ചർച്ച നിരന്തരമാണ്. ഡെവലപ്പർമാർ പലപ്പോഴും അവരുടെ പ്രിയപ്പെട്ടവയെ പിന്തുണയ്ക്കുന്നു, ഡെവലപ്പർ അനുഭവം, ഇക്കോസിസ്റ്റത്തിന്റെ വലുപ്പം, അല്ലെങ്കിൽ പഠിക്കാനുള്ള എളുപ്പം എന്നിവ ഉദ്ധരിക്കുന്നു. എന്നിരുന്നാലും, അന്തിമ ഉപയോക്താക്കൾക്കും ബിസിനസുകൾക്കും, ഒരു മെട്രിക് പലപ്പോഴും മറ്റെല്ലാറ്റിനും മുകളിൽ ഉയരുന്നു: പ്രകടനം. വേഗതയേറിയതും പ്രതികരണശേഷിയുള്ളതുമായ ഒരു ആപ്ലിക്കേഷന് ഒരു കൺവേർഷനും ഒരു ബൗൺസും തമ്മിലുള്ള വ്യത്യാസം, ഉപയോക്തൃ സംതൃപ്തിയും ഉപയോക്തൃ നിരാശയും തമ്മിലുള്ള വ്യത്യാസം ഉണ്ടാക്കാൻ കഴിയും.

TodoMVC പോലുള്ള സിന്തറ്റിക് ബെഞ്ച്മാർക്കുകൾക്ക് അവയുടെ സ്ഥാനമുണ്ടെങ്കിലും, ഒരു ആധുനിക വെബ് ആപ്ലിക്കേഷന്റെ സങ്കീർണ്ണതകൾ പിടിച്ചെടുക്കുന്നതിൽ അവ പലപ്പോഴും പരാജയപ്പെടുന്നു. ഉത്പാദനത്തിൽ അപൂർവ്വമായി മാത്രം കാണുന്ന ഒരു സാഹചര്യമായ, ഒറ്റപ്പെട്ട ഫീച്ചറുകൾ ഒരു ശൂന്യതയിൽ അവ പരീക്ഷിക്കുന്നു. ഈ ലേഖനം ഒരു വ്യത്യസ്ത സമീപനമാണ് സ്വീകരിക്കുന്നത്. ഞങ്ങൾ ഒരു യഥാർത്ഥ ആപ്ലിക്കേഷൻ ബെഞ്ച്മാർക്കിലേക്ക് ആഴത്തിൽ ഇറങ്ങിച്ചെല്ലുന്നു, ഫ്രണ്ട്-എൻഡ് ലോകത്തെ അതികായന്മാരായ—റിയാക്റ്റ്, വ്യൂ, ആംഗുലർ—കൂടാതെ പുതിയ തലമുറയിലെ വെല്ലുവിളികളായ സ്വെൽറ്റ്, സോളിഡ്ജെഎസ് എന്നിവയെയും താരതമ്യം ചെയ്യുന്നു. സൈദ്ധാന്തിക വാദങ്ങൾക്കപ്പുറം കടന്ന് നിങ്ങളുടെ അടുത്ത പ്രോജക്റ്റിനായി അറിവോടെയുള്ള ഒരു തീരുമാനം എടുക്കാൻ സഹായിക്കുന്നതിന് വ്യക്തമായ ഡാറ്റ നൽകുക എന്നതാണ് ഞങ്ങളുടെ ലക്ഷ്യം.

യഥാർത്ഥ ബെഞ്ച്മാർക്കുകൾ എന്തുകൊണ്ട് പ്രധാനമാകുന്നു

ഡാറ്റ അവതരിപ്പിക്കുന്നതിന് മുമ്പ്, സിന്തറ്റിക്, യഥാർത്ഥ ബെഞ്ച്മാർക്കുകൾ തമ്മിലുള്ള വ്യത്യാസം മനസ്സിലാക്കേണ്ടത് അത്യാവശ്യമാണ്. സിന്തറ്റിക് ടെസ്റ്റുകൾ പലപ്പോഴും ഒരൊറ്റ, ആവർത്തന സ്വഭാവമുള്ള ടാസ്കിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു, ഉദാഹരണത്തിന് 1,000 ടു-ഡു ലിസ്റ്റ് ഇനങ്ങൾ സൃഷ്ടിക്കുകയും നശിപ്പിക്കുകയും ചെയ്യുക. ഒരു ഫ്രെയിംവർക്കിന്റെ റെൻഡറിംഗ് എഞ്ചിൻ സ്ട്രെസ്-ടെസ്റ്റ് ചെയ്യുന്നതിന് ഇത് മികച്ചതാണ്, പക്ഷേ ഇത് താഴെ പറയുന്നവയെക്കുറിച്ച് വളരെ കുറച്ച് മാത്രമേ നിങ്ങളോട് പറയുന്നുള്ളൂ:

• പ്രാരംഭ ലോഡ് പ്രകടനം: ഒരു മൊബൈൽ നെറ്റ്‌വർക്കിൽ ആദ്യമായി വരുന്ന ഒരു സന്ദർശകന് ആപ്ലിക്കേഷൻ എത്ര വേഗത്തിൽ ഉപയോഗയോഗ്യമാകും? ഇതിൽ ബണ്ടിൽ വലുപ്പം, പാഴ്‌സിംഗ് സമയം, ഹൈഡ്രേഷൻ സ്ട്രാറ്റജി എന്നിവ ഉൾപ്പെടുന്നു.
• സങ്കീർണ്ണമായ സ്റ്റേറ്റ് മാനേജ്മെന്റ്: ഒരു ഗ്ലോബൽ സ്റ്റേറ്റ് പങ്കിടുന്ന, പരസ്പരം ബന്ധമില്ലാത്ത ഒന്നിലധികം കമ്പോണന്റുകളിലുടനീളമുള്ള ഇന്ററാക്ഷനുകൾ ഫ്രെയിംവർക്ക് എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു?
• എപിഐ ലേറ്റൻസി ഇന്റഗ്രേഷൻ: ഡാറ്റ ലഭ്യമാക്കുകയും ലോഡിംഗ് സ്റ്റേറ്റുകൾ പ്രദർശിപ്പിക്കുകയും തുടർന്ന് ഫലങ്ങൾ റെൻഡർ ചെയ്യുകയും ചെയ്യേണ്ടിവരുമ്പോൾ ആപ്ലിക്കേഷൻ എങ്ങനെ അനുഭവപ്പെടുന്നു?
• റൂട്ടിംഗ് പ്രകടനം: ഒരു സിംഗിൾ-പേജ് ആപ്ലിക്കേഷനിൽ (SPA) ഒരു ഉപയോക്താവിന് എത്ര വേഗത്തിലും സുഗമമായും വ്യത്യസ്ത പേജുകളോ കാഴ്ചകളോ നാവിഗേറ്റ് ചെയ്യാൻ കഴിയും?

ഒരു യഥാർത്ഥ ബെഞ്ച്മാർക്ക് ഈ സാഹചര്യങ്ങളെ അനുകരിക്കാൻ ശ്രമിക്കുന്നു. ഓരോ ഫ്രെയിംവർക്കിലും ഒരേപോലെയുള്ള, മിതമായ സങ്കീർണ്ണതയുള്ള ഒരു ആപ്ലിക്കേഷൻ നിർമ്മിക്കുന്നതിലൂടെ, ഉപയോക്തൃ അനുഭവത്തെയും തന്മൂലം ബിസിനസ്സ് ലക്ഷ്യങ്ങളെയും നേരിട്ട് ബാധിക്കുന്ന പ്രകടന മെട്രിക്കുകൾ നമുക്ക് അളക്കാൻ കഴിയും. ഈ മെട്രിക്കുകൾ ഗൂഗിളിന്റെ കോർ വെബ് വൈറ്റൽസ് (CWV)-മായി അടുത്ത ബന്ധമുള്ളതാണ്, ഇത് ഇപ്പോൾ അതിന്റെ സെർച്ച് റാങ്കിംഗ് അൽഗോരിതത്തിന്റെ ഭാഗമാണ്. ചുരുക്കത്തിൽ, പ്രകടനം ഒരു സാങ്കേതിക ആശങ്ക മാത്രമല്ല; അതൊരു എസ്ഇഒ, ബിസിനസ്സ് എന്നിവയുടെ അനിവാര്യതയാണ്.

മത്സരാർത്ഥികൾ: ഒരു ഹ്രസ്വ അവലോകനം

ഇന്ന് ഇക്കോസിസ്റ്റത്തിലെ ഏറ്റവും പ്രമുഖവും രസകരവുമായ അഞ്ച് ഫ്രെയിംവർക്കുകൾ ഞങ്ങൾ തിരഞ്ഞെടുത്തിട്ടുണ്ട്. ഓരോന്നിനും വ്യത്യസ്തമായ തത്ത്വശാസ്ത്രവും ആർക്കിടെക്ചറുമുണ്ട്, അത് അതിന്റെ പ്രകടന സവിശേഷതകളെ നേരിട്ട് സ്വാധീനിക്കുന്നു.

റിയാക്റ്റ് (v18)

മെറ്റാ വികസിപ്പിക്കുകയും പരിപാലിക്കുകയും ചെയ്യുന്ന റിയാക്റ്റ്, വിപണിയിലെ无可争议മായ നേതാവാണ്. ഇത് കമ്പോണന്റ്-അധിഷ്ഠിത ആർക്കിടെക്ചറും വെർച്വൽ ഡോമും (VDOM) ജനപ്രിയമാക്കി. VDOM യഥാർത്ഥ ഡോമിന്റെ ഇൻ-മെമ്മറി പ്രതിനിധാനമായി പ്രവർത്തിക്കുന്നു, ഇത് അപ്‌ഡേറ്റുകൾ കാര്യക്ഷമമായി ബാച്ച് ചെയ്യാൻ റിയാക്റ്റിനെ അനുവദിക്കുന്നു. അതിന്റെ വലിയ ഇക്കോസിസ്റ്റവും കഴിവുറ്റ ഡെവലപ്പർമാരുടെ ലഭ്യതയും ലോകമെമ്പാടുമുള്ള പല കമ്പനികൾക്കും ഇതൊരു സ്ഥിരം തിരഞ്ഞെടുപ്പാക്കി മാറ്റുന്നു.

വ്യൂ (v3)

വ്യൂ പലപ്പോഴും ഒരു പ്രോഗ്രസ്സീവ് ഫ്രെയിംവർക്ക് എന്ന് വിശേഷിപ്പിക്കപ്പെടുന്നു. പഠിക്കാനുള്ള എളുപ്പം, മികച്ച ഡോക്യുമെന്റേഷൻ, ഫ്ലെക്സിബിലിറ്റി എന്നിവയ്ക്ക് ഇത് പേരുകേട്ടതാണ്. ജാവാസ്ക്രിപ്റ്റ് പ്രോക്സികളിൽ നിർമ്മിച്ച ഒരു പുതിയ റിയാക്റ്റിവിറ്റി സിസ്റ്റവും ടെംപ്ലേറ്റുകളെ ഉയർന്ന രീതിയിൽ ഒപ്റ്റിമൈസ് ചെയ്യാൻ കഴിയുന്ന ഒരു കംപൈലറും ഉപയോഗിച്ച് വ്യൂ 3 കാര്യമായ പ്രകടന മെച്ചപ്പെടുത്തലുകൾ കൊണ്ടുവന്നു. റിയാക്റ്റിന് സമാനമായി ഇതും ഒരു വെർച്വൽ ഡോം ഉപയോഗിക്കുന്നു.

ആംഗുലർ (v16)

ഗൂഗിളിന്റെ ആംഗുലർ ഒരു ലൈബ്രറിയേക്കാൾ ഒരു പ്ലാറ്റ്‌ഫോമാണ്. ഇത് സമഗ്രവും ഒപ്പീനിയനേറ്റഡുമായ ഒരു ഫ്രെയിംവർക്കാണ്, ഇത് റൂട്ടിംഗ് മുതൽ സ്റ്റേറ്റ് മാനേജ്മെന്റ് വരെ എല്ലാത്തിനും പരിഹാരങ്ങൾ നൽകുന്നു. ചരിത്രപരമായി വലിയ ബണ്ടിൽ വലുപ്പത്തിന് പേരുകേട്ടതാണെങ്കിലും, ഐവി കംപൈലർ, ട്രീ-ഷേക്കിംഗ്, സിഗ്നലുകളുടെയും സ്റ്റാൻഡലോൺ കമ്പോണന്റുകളുടെയും ആമുഖം എന്നിവയോടെയുള്ള സമീപകാല പതിപ്പുകൾ ഇതിനെ പ്രകടന രംഗത്ത് കൂടുതൽ മത്സരാധിഷ്ഠിതമാക്കി.

സ്വെൽറ്റ് (v4)

സ്വെൽറ്റ് ഒരു വിപ്ലവകരമായ സമീപനമാണ് സ്വീകരിക്കുന്നത്. ഇത് ബിൽഡ് സമയത്ത് പ്രവർത്തിക്കുന്ന ഒരു കംപൈലറാണ്, നിങ്ങളുടെ സ്വെൽറ്റ് കമ്പോണന്റുകളെ ഡോമിനെ നേരിട്ട് കൈകാര്യം ചെയ്യുന്ന, ഉയർന്ന രീതിയിൽ ഒപ്റ്റിമൈസ് ചെയ്ത, ഇംപറേറ്റീവ് ജാവാസ്ക്രിപ്റ്റ് കോഡാക്കി മാറ്റുന്നു. ഇതിനർത്ഥം നിങ്ങളുടെ പ്രൊഡക്ഷൻ ബണ്ടിലിൽ വെർച്വൽ ഡോം ഇല്ലെന്നും ഫ്രെയിംവർക്ക്-നിർദ്ദിഷ്ട റൺടൈം കോഡ് മിക്കവാറും ഇല്ലെന്നുമാണ്. ജോലി ബ്രൗസറിൽ നിന്ന് ബിൽഡ് ഘട്ടത്തിലേക്ക് മാറ്റുക എന്നതാണ് തത്ത്വശാസ്ത്രം.

സോളിഡ്ജെഎസ് (v1.7)

സോളിഡ്ജെഎസ് പലപ്പോഴും പ്രകടന ചാർട്ടുകളിൽ ഒന്നാമതെത്തുകയും കാര്യമായ പ്രചാരം നേടുകയും ചെയ്യുന്നു. ഇത് JSX ഉപയോഗിക്കുന്നതിനാൽ റിയാക്റ്റ് ഡെവലപ്പർമാർക്ക് ഇത് പരിചിതമായി തോന്നും, പക്ഷേ ഇത് വെർച്വൽ ഡോം ഉപയോഗിക്കുന്നില്ല. പകരം, ഇത് ഒരു സ്പ്രെഡ്ഷീറ്റ് പോലെ ഒരു ഫൈൻ-ഗ്രേൻഡ് റിയാക്റ്റിവിറ്റി സിസ്റ്റം ഉപയോഗിക്കുന്നു. ഒരു ഡാറ്റ മാറുമ്പോൾ, അതിനെ ആശ്രയിക്കുന്ന ഡോമിന്റെ കൃത്യമായ ഭാഗങ്ങൾ മാത്രം അപ്‌ഡേറ്റ് ചെയ്യപ്പെടുന്നു, മുഴുവൻ കമ്പോണന്റ് ഫംഗ്ഷനുകളും വീണ്ടും പ്രവർത്തിപ്പിക്കാതെ. ഇത് ശസ്ത്രക്രിയാപരമായ കൃത്യതയും അവിശ്വസനീയമായ വേഗതയും നൽകുന്നു.

ബെഞ്ച്മാർക്ക് ആപ്ലിക്കേഷൻ: "ഗ്ലോബൽ ഇൻസൈറ്റ് ഡാഷ്ബോർഡ്"

ഈ ഫ്രെയിംവർക്കുകൾ പരീക്ഷിക്കുന്നതിനായി, ഞങ്ങൾ \"ഗ്ലോബൽ ഇൻസൈറ്റ് ഡാഷ്ബോർഡ്\" എന്ന പേരിൽ ഒരു സാമ്പിൾ ആപ്ലിക്കേഷൻ നിർമ്മിച്ചു. ഈ ആപ്ലിക്കേഷൻ നിരവധി ഡാറ്റാ-ഡ്രിവൺ ബിസിനസ്സ് ടൂളുകളുടെ പ്രതിനിധിയായി രൂപകൽപ്പന ചെയ്തിട്ടുള്ളതാണ്. ഇതിൽ താഴെ പറയുന്ന ഫീച്ചറുകൾ ഉൾപ്പെടുന്നു:

• ഓതന്റിക്കേഷൻ: ഒരു മോക്ക് ലോഗിൻ/ലോഗൗട്ട് ഫ്ലോ.
• ഡാഷ്ബോർഡ് ഹോംപേജ്: ഒരു മോക്ക് എപിഐയിൽ നിന്ന് ലഭ്യമാക്കിയ ഡാറ്റയുള്ള നിരവധി സംഗ്രഹ കാർഡുകളും ചാർട്ടുകളും പ്രദർശിപ്പിക്കുന്നു.
• വലിയ ഡാറ്റാ ടേബിൾ പേജ്: 1,000 വരികളും 10 നിരകളുമുള്ള ഒരു ടേബിൾ ലഭ്യമാക്കി റെൻഡർ ചെയ്യുന്ന ഒരു പേജ്.
• ഇന്ററാക്ടീവ് ടേബിൾ ഫീച്ചറുകൾ: ക്ലയിന്റ്-സൈഡ് സോർട്ടിംഗ്, ഫിൽട്ടറിംഗ്, റോ സെലക്ഷൻ.
• ഡീറ്റെയിൽ വ്യൂ: ടേബിളിൽ തിരഞ്ഞെടുത്ത ഒരു വരിക്ക് വേണ്ടിയുള്ള ഒരു ഡീറ്റെയിൽ പേജിലേക്കുള്ള ക്ലയിന്റ്-സൈഡ് റൂട്ടിംഗ്.
• ഗ്ലോബൽ സ്റ്റേറ്റ്: ഓതന്റിക്കേറ്റഡ് ഉപയോക്താവിനും ഒരു യുഐ തീമിനും (ലൈറ്റ്/ഡാർക്ക് മോഡ്) വേണ്ടിയുള്ള ഒരു പങ്കിട്ട സ്റ്റേറ്റ്.

ഈ സജ്ജീകരണം പ്രാരംഭ ലോഡ്, എപിഐ ഡാറ്റ റെൻഡറിംഗ് മുതൽ ഒരു വലിയ ഡാറ്റാസെറ്റിലെ സങ്കീർണ്ണമായ യുഐ ഇന്ററാക്ഷനുകളുടെ പ്രതികരണശേഷി വരെ എല്ലാം അളക്കാൻ ഞങ്ങളെ അനുവദിക്കുന്നു.

രീതിശാസ്ത്രം: ഞങ്ങൾ എങ്ങനെ പ്രകടനം അളന്നു

ഒരു ന്യായമായ താരതമ്യത്തിന് സുതാര്യതയും സ്ഥിരതയും പരമപ്രധാനമാണ്. ഞങ്ങളുടെ ടെസ്റ്റിംഗ് സജ്ജീകരണം ഇതാ:

• ഉപകരണങ്ങൾ: ഗൂഗിൾ ലൈറ്റ്ഹൗസ് (ഒരു ഇൻകോഗ്നിറ്റോ വിൻഡോയിൽ പ്രവർത്തിപ്പിക്കുന്നു), ക്രോം ഡെവ്ടൂൾസ് പെർഫോമൻസ് പ്രൊഫൈലർ.
• പരിസ്ഥിതി: എല്ലാ ആപ്ലിക്കേഷനുകളും പ്രൊഡക്ഷനായി ബിൽഡ് ചെയ്യുകയും ലോക്കലായി സെർവ് ചെയ്യുകയും ചെയ്തു.
• ടെസ്റ്റ് സാഹചര്യങ്ങൾ: ഒരു യഥാർത്ഥ മൊബൈൽ ഉപയോക്താവിനെ അനുകരിക്കുന്നതിന്, എല്ലാ ടെസ്റ്റുകളും 4x സിപിയു സ്ലോഡൗൺ, ഫാസ്റ്റ് 3ജി നെറ്റ്‌വർക്ക് ത്രോട്ടിൽ എന്നിവ ഉപയോഗിച്ച് പ്രവർത്തിപ്പിച്ചു. ഉയർന്ന നിലവാരമുള്ള ഡെവലപ്പർ ഹാർഡ്‌വെയർ ഫലങ്ങളെ സ്വാധീനിക്കുന്നത് ഇത് തടയുന്നു.
• അളന്ന പ്രധാന മെട്രിക്കുകൾ:
  • പ്രാരംഭ ജെഎസ് ബണ്ടിൽ വലുപ്പം (gzipped): പ്രാരംഭ സന്ദർശനത്തിൽ ബ്രൗസർ ഡൗൺലോഡ് ചെയ്യുകയും പാഴ്‌സ് ചെയ്യുകയും എക്സിക്യൂട്ട് ചെയ്യുകയും ചെയ്യേണ്ട ജാവാസ്ക്രിപ്റ്റിന്റെ അളവ്.
  • ഫസ്റ്റ് കണ്ടന്റ്ഫുൾ പെയിന്റ് (FCP): ഡോം ഉള്ളടക്കത്തിന്റെ ആദ്യ ഭാഗം റെൻഡർ ചെയ്യുമ്പോൾ ഉള്ള സമയം അടയാളപ്പെടുത്തുന്നു.
  • ലാർജസ്റ്റ് കണ്ടന്റ്ഫുൾ പെയിന്റ് (LCP): വ്യൂപോർട്ടിലെ ഏറ്റവും വലിയ ദൃശ്യമായ ഉള്ളടക്ക ഘടകം റെൻഡർ ചെയ്യുമ്പോൾ അളക്കുന്നു. ഒരു പ്രധാന കോർ വെബ് വൈറ്റൽ.
  • ടൈം ടു ഇന്ററാക്ടീവ് (TTI): പേജ് പൂർണ്ണമായും ഇന്ററാക്ടീവ് ആകാൻ എടുക്കുന്ന സമയം.
  • ടോട്ടൽ ബ്ലോക്കിംഗ് ടൈം (TBT): പ്രധാന ത്രെഡ് ബ്ലോക്ക് ചെയ്യപ്പെട്ട മൊത്തം സമയം അളക്കുന്നു, ഇത് ഉപയോക്തൃ ഇൻപുട്ടിനെ തടയുന്നു. പുതിയ INP (ഇന്ററാക്ഷൻ ടു നെക്സ്റ്റ് പെയിന്റ്) കോർ വെബ് വൈറ്റലുമായി നേരിട്ട് ബന്ധപ്പെട്ടിരിക്കുന്നു.
  • മെമ്മറി ഉപയോഗം: പ്രാരംഭ ലോഡിന് ശേഷവും നിരവധി ഇന്ററാക്ഷനുകൾക്ക് ശേഷവും അളന്ന ഹീപ്പ് വലുപ്പം.

ഫലങ്ങൾ: ഒരു നേർക്കുനേർ താരതമ്യം

നിരാകരണം: ഈ ഫലങ്ങൾ ഞങ്ങളുടെ പ്രത്യേക ബെഞ്ച്മാർക്ക് ആപ്ലിക്കേഷനെ അടിസ്ഥാനമാക്കിയുള്ളതാണ്. ഈ സംഖ്യകൾ ഓരോ ഫ്രെയിംവർക്കിന്റെയും പ്രകടന സവിശേഷതകളുടെ ഉദാഹരണമാണ്, എന്നാൽ നിങ്ങളുടെ സ്വന്തം ആപ്ലിക്കേഷന്റെ ആർക്കിടെക്ചർ വ്യത്യസ്ത ഫലങ്ങൾ നൽകിയേക്കാം.

റൗണ്ട് 1: പ്രാരംഭ ലോഡും ബണ്ടിൽ വലുപ്പവും

ഒരു പുതിയ ഉപയോക്താവിനെ സംബന്ധിച്ചിടത്തോളം, ആദ്യത്തെ മതിപ്പ് എല്ലാം ആണ്. ഈ റൗണ്ട് ആപ്ലിക്കേഷൻ എത്ര വേഗത്തിൽ ഡൗൺലോഡ് ചെയ്യാനും ഉപയോഗയോഗ്യമായ അവസ്ഥയിലേക്ക് റെൻഡർ ചെയ്യാനും കഴിയുമെന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു.

• സ്വെൽറ്റ്: വിജയി. വെറും ~9 KB gzipped ജെഎസ് ബണ്ടിലുമായി സ്വെൽറ്റ് വ്യക്തമായ നേതാവായിരുന്നു. അതിന്റെ FCP, LCP സ്കോറുകൾ മികച്ചതായിരുന്നു, കാരണം ബ്രൗസറിന് പ്രോസസ്സ് ചെയ്യാൻ വളരെ കുറച്ച് ഫ്രെയിംവർക്ക് കോഡ് മാത്രമേ ഉണ്ടായിരുന്നുള്ളൂ. ഡാഷ്ബോർഡ് തൽക്ഷണം പ്രത്യക്ഷപ്പെട്ടു.
• സോളിഡ്ജെഎസ്: തൊട്ടുപിന്നിൽ. ബണ്ടിൽ വലുപ്പം ~12 KB-ൽ അല്പം വലുതായിരുന്നു. പ്രകടനം സ്വെൽറ്റിന് സമാനമായിരുന്നു, വളരെ വേഗതയേറിയ ഒരു പ്രാരംഭ ലോഡ് അനുഭവം നൽകി.
• വ്യൂ: മികച്ച പ്രകടനം. വ്യൂവിന്റെ ബണ്ടിൽ ബഹുമാന്യമായ ~35 KB-ൽ എത്തി. അതിന്റെ കംപൈലർ ഒപ്റ്റിമൈസേഷനുകൾ തിളങ്ങി, വളരെ മത്സരാധിഷ്ഠിതമായ വേഗതയേറിയ LCP, TTI എന്നിവ നൽകി.
• റിയാക്റ്റ്: ഇടത്തരം പ്രകടനം. `react`, `react-dom` എന്നിവയുടെ സംയോജനം ~48 KB-യുടെ ഒരു ബണ്ടിലിന് കാരണമായി. ഒരു തരത്തിലും വേഗത കുറഞ്ഞതായിരുന്നില്ലെങ്കിലും, VDOM നിർമ്മിക്കുന്നതിനും ആപ്ലിക്കേഷൻ ഹൈഡ്രേറ്റ് ചെയ്യുന്നതിനുമുള്ള ജോലി കാരണം TTI നേതാക്കളേക്കാൾ ശ്രദ്ധേയമായി ദൈർഘ്യമേറിയതായിരുന്നു.
• ആംഗുലർ: മെച്ചപ്പെട്ടു, പക്ഷേ ഇപ്പോഴും ഏറ്റവും വലുത്. ആംഗുലറിന്റെ ബണ്ടിൽ ~65 KB-ൽ ഏറ്റവും വലുതായിരുന്നു. പഴയ പതിപ്പുകളെ അപേക്ഷിച്ച് ഇതൊരു വലിയ മെച്ചപ്പെടുത്തലാണെങ്കിലും, പ്രാരംഭ പാഴ്‌സിംഗ്, ബൂട്ട്‌സ്ട്രാപ്പിംഗ് ചെലവ് ഇപ്പോഴും ഏറ്റവും ഉയർന്നതായിരുന്നു, ഇത് ഈ ടെസ്റ്റിലെ ഏറ്റവും വേഗത കുറഞ്ഞ FCP, LCP എന്നിവയിലേക്ക് നയിച്ചു.

ഉൾക്കാഴ്ച: പ്രാരംഭ ലോഡ് സമയം തികച്ചും നിർണ്ണായകമായ പ്രോജക്റ്റുകൾക്ക് (ഉദാഹരണത്തിന്, ഇ-കൊമേഴ്‌സ് ലാൻഡിംഗ് പേജുകൾ, മാർക്കറ്റിംഗ് സൈറ്റുകൾ), സ്വെൽറ്റ്, സോളിഡ് പോലുള്ള കംപൈലർ-അധിഷ്ഠിത ഫ്രെയിംവർക്കുകൾക്ക് അവയുടെ ഏറ്റവും കുറഞ്ഞ റൺടൈം ഫുട്‌പ്രിന്റ് കാരണം വ്യക്തവും അളക്കാവുന്നതുമായ ഒരു നേട്ടമുണ്ട്.

റൗണ്ട് 2: റൺടൈം, ഇന്ററാക്ഷൻ പ്രകടനം

ആപ്പ് ലോഡ് ചെയ്തുകഴിഞ്ഞാൽ, അത് ഉപയോഗിക്കാൻ എങ്ങനെ അനുഭവപ്പെടുന്നു? ഞങ്ങളുടെ 1,000-വരി ഡാറ്റാ ടേബിളിൽ തീവ്രമായ പ്രവർത്തനങ്ങൾ നടത്തി ഞങ്ങൾ ഇത് പരീക്ഷിച്ചു: ഒരു കോളം അനുസരിച്ച് സോർട്ടിംഗ്, എല്ലാ സെല്ലുകളിലും തിരയുന്ന ഒരു ടെക്സ്റ്റ് ഫിൽട്ടർ പ്രയോഗിക്കൽ.

• സോളിഡ്ജെഎസ്: വിജയി. സോളിഡിന്റെ ഇവിടത്തെ പ്രകടനം അസാധാരണമായിരുന്നു. സോർട്ടിംഗും ഫിൽട്ടറിംഗും തൽക്ഷണം അനുഭവപ്പെട്ടു. അതിന്റെ ഫൈൻ-ഗ്രേൻഡ് റിയാക്റ്റിവിറ്റി അർത്ഥമാക്കുന്നത് മാറ്റം ആവശ്യമുള്ള ഡോം നോഡുകൾ മാത്രമേ സ്പർശിക്കപ്പെട്ടുള്ളൂ എന്നാണ്. കനത്ത കമ്പ്യൂട്ടേഷൻ സമയത്തും ബ്ലോക്ക് ചെയ്യാത്ത ഒരു യുഐ സൂചിപ്പിക്കുന്ന TBT അവിശ്വസനീയമാംവിധം കുറവായിരുന്നു.
• സ്വെൽറ്റ്: മികച്ച പ്രകടനം. സ്വെൽറ്റ് സോളിഡിന് തൊട്ടുപിന്നിലുണ്ടായിരുന്നു. അതിന്റെ കംപൈൽ ചെയ്ത, നേരിട്ടുള്ള ഡോം മാനിപ്പുലേഷനുകൾ വളരെ കാര്യക്ഷമമാണെന്ന് തെളിയിച്ചു. വളരെ കുറഞ്ഞ TBT-യോടെ ഉപയോക്തൃ അനുഭവം സുഗമവും പ്രതികരണശേഷിയുള്ളതുമായിരുന്നു.
• വ്യൂ: വളരെ നല്ല പ്രകടനം. വ്യൂവിന്റെ റിയാക്റ്റിവിറ്റി സിസ്റ്റം അപ്‌ഡേറ്റുകൾ കാര്യക്ഷമമായി കൈകാര്യം ചെയ്തു. സോളിഡുമായും സ്വെൽറ്റുമായും താരതമ്യപ്പെടുത്തുമ്പോൾ ഫിൽട്ടറിംഗിൽ വളരെ നേരിയ, മിക്കവാറും തിരിച്ചറിയാനാവാത്ത ഒരു കാലതാമസം ഉണ്ടായിരുന്നു, പക്ഷേ മൊത്തത്തിലുള്ള അനുഭവം മികച്ചതായിരുന്നു, മാത്രമല്ല ഭൂരിഭാഗം ഉപയോഗ സാഹചര്യങ്ങളെയും തൃപ്തിപ്പെടുത്തുകയും ചെയ്യും.
• റിയാക്റ്റ്: നല്ലത്, പക്ഷേ ഒപ്റ്റിമൈസേഷൻ ആവശ്യമാണ്. തുടക്കത്തിൽ, വലിയ ടേബിൾ ഫിൽട്ടർ ചെയ്യുമ്പോൾ റിയാക്റ്റ് ഇംപ്ലിമെന്റേഷൻ ശ്രദ്ധേയമായ ഒരു കാലതാമസം കാണിച്ചു. 1,000-വരി കമ്പോണന്റ് വീണ്ടും റെൻഡർ ചെയ്യുന്നത് ചെലവേറിയതായതിനാൽ പ്രധാന ത്രെഡ് ഒരു ചെറിയ കാലയളവിലേക്ക് ബ്ലോക്ക് ചെയ്യപ്പെട്ടു. റോ കമ്പോണന്റുകളിൽ `React.memo`, ഫിൽട്ടറിംഗ് ലോജിക്കിനായി `useMemo` പോലുള്ള ഒപ്റ്റിമൈസേഷനുകൾ സ്വമേധയാ പ്രയോഗിക്കുന്നതിലൂടെ ഇത് പരിഹരിക്കാവുന്നതായിരുന്നു. ഒപ്റ്റിമൈസേഷനോടെ, പ്രകടനം മെച്ചപ്പെട്ടു, പക്ഷേ ഇതിന് അധിക ഡെവലപ്പർ പ്രയത്നം ആവശ്യമായിരുന്നു.
• ആംഗുലർ: നല്ലത്, ചില സൂക്ഷ്മതകളോടെ. ആംഗുലറിന്റെ ഡിഫോൾട്ട് ചെയ്ഞ്ച് ഡിറ്റക്ഷൻ മെക്കാനിസവും റിയാക്റ്റിന് സമാനമായി ഫിൽട്ടറിംഗ് ടാസ്കിൽ അല്പം ബുദ്ധിമുട്ടി. എന്നിരുന്നാലും, ടേബിൾ കമ്പോണന്റ് `OnPush` ചെയ്ഞ്ച് ഡിറ്റക്ഷൻ സ്ട്രാറ്റജി ഉപയോഗിക്കുന്നതിലേക്ക് മാറ്റുന്നത് പ്രകടനത്തെ ഗണ്യമായി മെച്ചപ്പെടുത്തി, അത് വളരെ പ്രതികരണശേഷിയുള്ളതാക്കി. ആംഗുലറിലെ പുതിയ സിഗ്നൽസ് ഫീച്ചർ ഇതിനെ നേതാക്കളുമായി തുല്യമാക്കാൻ സാധ്യതയുണ്ട്.

ഉൾക്കാഴ്ച: വളരെ ഇന്ററാക്ടീവും ഡാറ്റാ-ഇന്റൻസീവുമായ ആപ്ലിക്കേഷനുകൾക്ക്, സോളിഡിന്റെയും സ്വെൽറ്റിന്റെയും ആർക്കിടെക്ചറുകൾ തുടക്കത്തിൽ തന്നെ മികച്ച പ്രകടനം നൽകുന്നു. റിയാക്റ്റ്, വ്യൂ പോലുള്ള VDOM-അധിഷ്ഠിത ലൈബ്രറികൾ തികച്ചും കഴിവുള്ളവയാണ്, എന്നാൽ സങ്കീർണ്ണത വർദ്ധിക്കുന്നതിനനുസരിച്ച് ഡെവലപ്പർമാർ പ്രകടന ഒപ്റ്റിമൈസേഷൻ ടെക്നിക്കുകളെക്കുറിച്ച് കൂടുതൽ ബോധവാന്മാരാകേണ്ടി വന്നേക്കാം.

റൗണ്ട് 3: മെമ്മറി ഉപയോഗം

ആധുനിക ഡെസ്ക്ടോപ്പുകളിൽ ഇതൊരു വലിയ ആശങ്കയല്ലെങ്കിലും, മന്ദഗതിയും ക്രാഷുകളും ഒഴിവാക്കാൻ കുറഞ്ഞ നിലവാരമുള്ള മൊബൈൽ ഉപകരണങ്ങളിലും ദീർഘനേരം പ്രവർത്തിക്കുന്ന ആപ്ലിക്കേഷനുകളിലും മെമ്മറി ഉപയോഗം ഇപ്പോഴും നിർണ്ണായകമാണ്.

• സ്വെൽറ്റ് & സോളിഡ്ജെഎസ്: ഏറ്റവും കുറഞ്ഞ മെമ്മറി ഫുട്‌പ്രിന്റുമായി ഒന്നാം സ്ഥാനത്ത് ഒപ്പത്തിനൊപ്പം. മെമ്മറിയിൽ VDOM ഇല്ലാത്തതും ഏറ്റവും കുറഞ്ഞ റൺടൈം ഉള്ളതും കാരണം അവ മെലിഞ്ഞതും കാര്യക്ഷമവുമായിരുന്നു.
• വ്യൂ: അതിന്റെ VDOM, റിയാക്റ്റിവിറ്റി സിസ്റ്റം കാരണം നേതാക്കളേക്കാൾ അല്പം കൂടുതൽ മെമ്മറി ഉപയോഗിച്ചു, പക്ഷേ വളരെ കാര്യക്ഷമമായി തുടർന്നു.
• റിയാക്റ്റ്: VDOM, ഫൈബർ ആർക്കിടെക്ചർ ഓവർഹെഡ് കാരണം ഉയർന്ന മെമ്മറി ഫുട്‌പ്രിന്റ് ഉണ്ടായിരുന്നു.
• ആംഗുലർ: അതിന്റെ സമഗ്രമായ ഫ്രെയിംവർക്ക് ഘടനയും ചെയ്ഞ്ച് ഡിറ്റക്ഷനുള്ള Zone.js-ന്റെ ഫലമായി ഏറ്റവും ഉയർന്ന മെമ്മറി ഉപയോഗം രേഖപ്പെടുത്തി.

ഉൾക്കാഴ്ച: വിഭവ-പരിമിതമായ ഉപകരണങ്ങളെ ലക്ഷ്യമിടുന്ന അല്ലെങ്കിൽ വളരെ ദൈർഘ്യമേറിയ സെഷനുകൾക്കായി തുറന്നിരിക്കാൻ ഉദ്ദേശിക്കുന്ന ആപ്ലിക്കേഷനുകൾക്ക്, സ്വെൽറ്റിന്റെയും സോളിഡിന്റെയും കുറഞ്ഞ മെമ്മറി ഓവർഹെഡ് ഒരു പ്രധാന നേട്ടമാകും.

അക്കങ്ങൾക്കപ്പുറം: ഗുണപരമായ ഘടകങ്ങൾ

പ്രകടന ബെഞ്ച്മാർക്കുകൾ കഥയുടെ ഒരു നിർണായക ഭാഗം പറയുന്നു, പക്ഷേ മുഴുവൻ കഥയുമല്ല. ഒരു ഫ്രെയിംവർക്കിന്റെ തിരഞ്ഞെടുപ്പ് നിങ്ങളുടെ ടീം, നിങ്ങളുടെ പ്രോജക്റ്റിന്റെ വ്യാപ്തി, നിങ്ങളുടെ ദീർഘകാല ലക്ഷ്യങ്ങൾ എന്നിവയെയും വളരെയധികം ആശ്രയിച്ചിരിക്കുന്നു.

ഡെവലപ്പർ അനുഭവം (DX), പഠന സാധ്യത

• വ്യൂ, സ്വെൽറ്റ് എന്നിവ പലപ്പോഴും ഏറ്റവും സുഖകരമായ DX-ഉം ഏറ്റവും ലളിതമായ പഠന സാധ്യതയുമുള്ളവയായി പ്രശംസിക്കപ്പെടുന്നു. അവയുടെ സിന്റാക്സ് അവബോധജന്യവും ഡോക്യുമെന്റേഷൻ മികച്ചതുമാണ്.
• റിയാക്റ്റിന്റെ JSX, ഹുക്ക്-അധിഷ്ഠിത മാതൃക ശക്തമാണ്, പക്ഷേ മെമ്മോയിസേഷൻ, ഇഫക്റ്റ് ഡിപൻഡൻസികൾ പോലുള്ള ആശയങ്ങളെക്കുറിച്ച് മനസ്സിലാക്കാൻ കൂടുതൽ പഠനം ആവശ്യമായി വന്നേക്കാം.
• സോളിഡ്ജെഎസ് റിയാക്റ്റ് ഡെവലപ്പർമാർക്ക് സിന്റാക്സിന്റെ കാര്യത്തിൽ എളുപ്പത്തിൽ പഠിക്കാൻ കഴിയും, പക്ഷേ അതിന്റെ ഫൈൻ-ഗ്രേൻഡ് റിയാക്റ്റിവിറ്റി മനസ്സിലാക്കാൻ ഒരു മാനസിക മാതൃകാ മാറ്റം ആവശ്യമാണ്.
• ആംഗുലറിന്റെ ഒപ്പീനിയനേറ്റഡ് സ്വഭാവവും ടൈപ്പ്സ്ക്രിപ്റ്റിലും ഡിപൻഡൻസി ഇൻജെക്ഷൻ പോലുള്ള ആശയങ്ങളിലുമുള്ള ആശ്രയത്വവും ഏറ്റവും കുത്തനെയുള്ള പഠന സാധ്യത നൽകുന്നു, എന്നാൽ ഈ ഘടന വലിയ ടീമുകളിൽ സ്ഥിരത ഉറപ്പാക്കാൻ സഹായിക്കും.

ഇക്കോസിസ്റ്റവും കമ്മ്യൂണിറ്റി പിന്തുണയും

• റിയാക്റ്റ് ഇവിടെ എതിരില്ലാത്ത നേതാവാണ്. നിങ്ങൾ നേരിടാൻ സാധ്യതയുള്ള ഏത് പ്രശ്നത്തിനും ഒരു ലൈബ്രറി, ടൂൾ, അല്ലെങ്കിൽ ട്യൂട്ടോറിയൽ നിങ്ങൾക്ക് കണ്ടെത്താൻ കഴിയും. ഈ വലിയ ആഗോള കമ്മ്യൂണിറ്റി ഒരു അവിശ്വസനീയമായ സുരക്ഷാ വലയം നൽകുന്നു.
• വ്യൂ, ആംഗുലർ എന്നിവയ്ക്കും ശക്തമായ കോർപ്പറേറ്റ് പിന്തുണയും ധാരാളം ലൈബ്രറികളും കമ്മ്യൂണിറ്റി വിഭവങ്ങളുമുള്ള വളരെ വലുതും പക്വവുമായ ഇക്കോസിസ്റ്റങ്ങളുണ്ട്.
• സ്വെൽറ്റ്, സോളിഡ്ജെഎസ് എന്നിവയ്ക്ക് ചെറുതാണെങ്കിലും അതിവേഗം വളരുന്ന ഇക്കോസിസ്റ്റങ്ങളുണ്ട്. എല്ലാ പ്രത്യേക ഉപയോഗങ്ങൾക്കും ഒരു മുൻകൂട്ടി നിർമ്മിച്ച കമ്പോണന്റ് നിങ്ങൾ കണ്ടെത്തിയേക്കില്ലെങ്കിലും, അവരുടെ കമ്മ്യൂണിറ്റികൾ ആവേശഭരിതരും വളരെ സജീവവുമാണ്.

ഉപസംഹാരം: ഏത് ഫ്രെയിംവർക്കാണ് നിങ്ങൾക്ക് അനുയോജ്യം?

ഡാറ്റ വിശകലനം ചെയ്യുകയും ഗുണപരമായ ഘടകങ്ങൾ പരിഗണിക്കുകയും ചെയ്ത ശേഷം, ഒരൊറ്റ \"മികച്ച\" ഫ്രെയിംവർക്ക് ഇല്ലെന്ന് വ്യക്തമാണ്. ഏറ്റവും അനുയോജ്യമായ തിരഞ്ഞെടുപ്പ് നിങ്ങളുടെ പ്രോജക്റ്റിന്റെ മുൻഗണനകളെ പൂർണ്ണമായും ആശ്രയിച്ചിരിക്കുന്നു.

വിവിധ സാഹചര്യങ്ങളെ അടിസ്ഥാനമാക്കി ഞങ്ങളുടെ അന്തിമ ശുപാർശ ഇതാ:

• കേവലമായ മികച്ച പ്രകടനത്തിനും ലളിതമായ ബിൽഡുകൾക്കും: സ്വെൽറ്റ് അല്ലെങ്കിൽ സോളിഡ്ജെഎസ് തിരഞ്ഞെടുക്കുക. സാധ്യമായ ഏറ്റവും വേഗതയേറിയ ലോഡ് സമയങ്ങൾ, ഏറ്റവും പ്രതികരണശേഷിയുള്ള യുഐ, സാധ്യമായ ഏറ്റവും ചെറിയ ബണ്ടിൽ വലുപ്പം (ഉദാ. ഇ-കൊമേഴ്‌സ് സൈറ്റുകൾ, മൊബൈൽ-ഫസ്റ്റ് വെബ് ആപ്പുകൾ, ഇന്ററാക്ടീവ് വിഷ്വലൈസേഷനുകൾ) എന്നിവയാണ് നിങ്ങളുടെ പ്രാഥമിക ലക്ഷ്യമെങ്കിൽ, ഈ ഫ്രെയിംവർക്കുകൾ അവയുടേതായ ഒരു തലത്തിലാണ്. സങ്കീർണ്ണവും റിയാക്ടീവുമായ ഡാറ്റാ മാനിപ്പുലേഷന് സോളിഡ്ജെഎസ് മുൻതൂക്കം നേടുന്നു, അതേസമയം സ്വെൽറ്റ് അല്പം ലളിതവും കൂടുതൽ മാന്ത്രികവുമായ ഡെവലപ്പർ അനുഭവം നൽകുന്നു.
• ഒരു വലിയ ഇക്കോസിസ്റ്റത്തിനും നിയമന സാധ്യതകൾക്കും: റിയാക്റ്റ് തിരഞ്ഞെടുക്കുക. നിങ്ങളുടെ പ്രോജക്റ്റിന് ഏറ്റവും വിശാലമായ ലൈബ്രറികൾ, ടൂളുകൾ, ഡെവലപ്പർമാർ എന്നിവയിലേക്ക് പ്രവേശനം ആവശ്യമുണ്ടെങ്കിൽ, റിയാക്റ്റ് ഏറ്റവും സുരക്ഷിതവും പ്രായോഗികവുമായ തിരഞ്ഞെടുപ്പാണ്. അതിന്റെ പ്രകടനം വളരെ മികച്ചതാണ്, തൊഴിൽ വിപണിയിലെ അതിന്റെ ആധിപത്യം ലോകത്തെവിടെയും നിങ്ങളുടെ ഡെവലപ്‌മെന്റ് ടീമിനെ വികസിപ്പിക്കുന്നത് എളുപ്പമാക്കുന്നു.
• പ്രകടനത്തിന്റെയും എളുപ്പപ്പത്തിന്റെയുടെയും ഒരു സന്തുലിതാവസ്ഥയ്ക്ക്: വ്യൂ തിരഞ്ഞെടുക്കുക. വ്യൂ ഒരു മികച്ച സന്തുലിതാവസ്ഥ നൽകുന്നു. ഇത് റിയാക്റ്റുമായി മത്സരാധിഷ്ഠിതമായ മികച്ച പ്രകടനം വാഗ്ദാനം ചെയ്യുന്നു, എന്നാൽ പലരും കൂടുതൽ അവബോധജന്യവും പഠിക്കാൻ എളുപ്പവുമാണെന്ന് കണ്ടെത്തുന്ന ഒരു ഡെവലപ്പർ അനുഭവത്തോടെ. ചെറുതും വലുതുമായ ആപ്ലിക്കേഷനുകൾക്ക് ഇതൊരു മികച്ച ഓൾ-റൗണ്ടറാണ്.
• വലിയ തോതിലുള്ള, എന്റർപ്രൈസ് ആപ്ലിക്കേഷനുകൾക്ക്: ആംഗുലർ തിരഞ്ഞെടുക്കുക. നിങ്ങൾ ഒരു വലിയ ഡെവലപ്പർമാരുടെ ടീമുമായി സങ്കീർണ്ണവും ദീർഘകാലം നിലനിൽക്കുന്നതുമായ ഒരു ആപ്ലിക്കേഷൻ നിർമ്മിക്കുകയാണെങ്കിൽ, ആംഗുലറിന്റെ ഘടനാപരവും ഒപ്പീനിയനേറ്റഡുമായ സ്വഭാവം ഒരു വലിയ മുതൽക്കൂട്ടാകും. ഇത് സ്ഥിരത ഉറപ്പാക്കുകയും എന്റർപ്രൈസ്-ലെവൽ സങ്കീർണ്ണത കൈകാര്യം ചെയ്യാൻ കഴിയുന്ന ശക്തവും എല്ലാം ഉൾക്കൊള്ളുന്നതുമായ ഒരു പ്ലാറ്റ്ഫോം നൽകുകയും ചെയ്യുന്നു, അതിന്റെ പ്രകടനം തുടർച്ചയായി മെച്ചപ്പെടുന്നു.

ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്കുകളുടെ ലോകം മുമ്പത്തേക്കാൾ വേഗത്തിൽ വികസിച്ചുകൊണ്ടിരിക്കുന്നു. കംപൈലറുകളുടെ ഉയർച്ചയും സ്വെൽറ്റ്, സോളിഡ്ജെഎസ് പോലുള്ള വെല്ലുവിളികൾ വെർച്വൽ ഡോമിൽ നിന്ന് മാറുന്നതും മുഴുവൻ ഇക്കോസിസ്റ്റത്തെയും മുന്നോട്ട് നയിക്കുന്നു. ആത്യന്തികമായി, \"ഫ്രെയിംവർക്ക് യുദ്ധങ്ങൾ\" ഒരു നല്ല കാര്യമാണ്—അവ നൂതനാശയങ്ങൾ, മികച്ച പ്രകടനം, അടുത്ത തലമുറ വെബ് അനുഭവങ്ങൾ നിർമ്മിക്കുന്നതിന് ഡെവലപ്പർമാർക്ക് കൂടുതൽ ശക്തമായ ഉപകരണങ്ങൾ എന്നിവയിലേക്ക് നയിക്കുന്നു. നിങ്ങളുടെ പ്രോജക്റ്റിന്റെ തനതായ പരിമിതികൾക്കും ലക്ഷ്യങ്ങൾക്കും ഏറ്റവും അനുയോജ്യമായ ഉപകരണം തിരഞ്ഞെടുക്കുക, നിങ്ങൾ വിജയത്തിലേക്കുള്ള നല്ല പാതയിലായിരിക്കും.