സ്വെൽറ്റ്

ഇംഗ്ലീഷ് വിലാസം

https://ml.wikipedia.org/wiki/Svelte

സ്വെൽറ്റ്

Original author(s)	Rich Harris
വികസിപ്പിച്ചത്	The Svelte contributors. Key contributors include Rich Harris, Alan Faubert, Tan Li Hau, Ben McCann, and Simon Holthausen
ആദ്യപതിപ്പ്	നവംബർ 26, 2016; 8 years ago (2016-11-26)[1]
Stable release	5.28.2[2]
റെപോസിറ്ററി	github.com/sveltejs/svelte
ഭാഷ	TypeScript
പ്ലാറ്റ്‌ഫോം	Web platform
വലുപ്പം	4.1 KB[3]
തരം	Web framework
അനുമതിപത്രം	MIT License
വെബ്‌സൈറ്റ്	svelte.dev

റിച്ച് ഹാരിസ് എഴുതിയ ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്കാണ് സ്വെൽറ്റ്.^[4] പരമ്പരാഗത ചട്ടക്കൂടുകളായ റിയാക്ട്(React), വ്യൂ.ജെഎസ്(Vue.js) എന്നിവ ബ്രൗസറിൽ അവരുടെ ജോലിയുടെ ഭൂരിഭാഗവും ചെയ്യുന്നുണ്ടെങ്കിലും, ആപ്ലിക്കേഷൻ നിർമ്മിക്കുമ്പോൾ സംഭവിക്കുന്ന ഒരു കംപൈൽ ഘട്ടത്തിലേക്ക് സ്വെൽറ്റ് മാറുന്നു. വെർച്വൽ ഡോം(DOM) ഡിഫിംഗ് പോലുള്ള ടെക്നിക്കുകൾ ഉപയോഗിക്കുന്നതിനുപകരം, നിങ്ങളുടെ അപ്ലിക്കേഷന്റെ അവസ്ഥ മാറുമ്പോൾ ഡോം സർജിക്കൽ അപ്‌ഡേറ്റ് ചെയ്യുന്ന കോഡ് സ്വെൽറ്റ് എഴുതുന്നു.^[5]

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

നിങ്ങളുടെ സിസ്റ്റത്തിൽ നോഡ്.ജെഎസ്(Node.js) (അനുബന്ധ നോഡ്.ജെഎസ് പാക്കേജ് മാനേജർ എൻപിഎം(NPM)) ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതുണ്ട്. നോഡ്.ജെഎസ് ഇൻസ്റ്റാൾ ചെയ്യുന്നതിന് വ്യത്യസ്ത മാർഗങ്ങളുണ്ട്, പക്ഷേ എല്ലാ പ്രധാന പ്ലാറ്റ്ഫോമുകളുടെയും ഔദ്യോഗിക പാക്കേജുകൾ https://nodejs.org/en/download/ -ൽ ലഭ്യമാണ്.

കൂടാതെ, നിങ്ങളുടെ സിസ്റ്റത്തിനായുള്ള നിലവിലെ പതിപ്പിനായി ഇൻസ്റ്റാളർ ഡൗൺലോഡ് ചെയ്യുക, തുടർന്ന് നിർദ്ദേശങ്ങൾ പാലിച്ച് ഇൻസ്റ്റാളർ എക്സിക്യൂട്ട് ചെയ്യുക. അതിനാൽ നോഡ്.ജെഎസ്, എൻപിഎം എന്നിവ എങ്ങനെ സജ്ജീകരിക്കാമെന്ന് ഇൻസ്റ്റാളർ നിങ്ങളെ നയിക്കും. കൂടാതെ, സ്വെൽ‌റ്റിൽ‌ നിന്നും നല്ല റിസൾട്ട് നേടുന്നതിന് ജാവാസ്ക്രിപ്റ്റിനെക്കുറിച്ചുള്ള അടിസ്ഥാന അറിവ് ആവശ്യമാണ്. വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് ആണ് ശുപാർശ ചെയ്യപ്പെടുന്നത്, നിങ്ങളുടെ ആപ്ലിക്കേഷൻ ഉപയോഗിച്ച് ആരംഭിക്കുന്നതിന് ഒരു കോഡ് എഡിറ്റർ ആവശ്യമാണ് (https://code.visualstudio.com/):

കൂടാതെ, ഈ ലിങ്കിലേക്ക് പോകുന്നത് https://github.com/creationix/nvm നിങ്ങൾക്ക് നോഡ്.ജെഎസ് എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം എന്നതിനെക്കുറിച്ച് ഒരു സമഗ്രമായ വഴി കാണിച്ചുതരും. നോഡ് ഇൻസ്റ്റാളുചെയ്യുന്നത് കമാൻഡ് ലൈനിലെ നോഡ് എക്സിക്യൂട്ടബിൾ പ്രോഗ്രാമിലേക്ക് പ്രവേശനം നൽകും.

ഒരു സ്വെൽറ്റ് പ്രോജക്റ്റ് സജ്ജീകരിക്കുന്നതും പ്രവർത്തിപ്പിക്കുന്നതും https://svelte.dev/blog/the-easiest-way-to-get-started എന്നതിൽ കണ്ടെത്താവുന്ന നിരവധി മാർഗങ്ങളിലൂടെ സാധിക്കും, പക്ഷേ ട്യൂട്ടോറിയലിന്റെ ഉദ്ദേശ്യത്തിനായി, ഡെജിറ്റ് ഒരു സോഫ്റ്റ്‌വേർ സ്കാർഫോൾഡിംഗ് ഉപകരണം ഉപയോഗിക്കും. ഒരു പ്രോജക്റ്റ് സൃഷ്ടിക്കുന്നതിന്, നിങ്ങളുടെ സിസ്റ്റത്തിന്റെ കമാൻഡ് പ്രോംപ്റ്റിൽ ഇനിപ്പറയുന്ന കമാൻഡുകൾ പ്രവർത്തിപ്പിക്കുക:

• npx degit sveltejs / template {project name}: ഈ സാഹചര്യത്തിൽ പ്രോജക്റ്റിന്റെ പേര്

എഗ്ഗ്സ്-പ്രോജക്ട്(eggs-project)

npx degit sveltejs/template eggs-project

• പ്രോജക്റ്റ് ഡയറക്ടറിയിലേക്ക് പ്രവേശിക്കുന്നതിന് സിഡി(cd) കമാൻഡ് ഉപയോഗിക്കുക

cd eggs-project

• എൻപിഎം(Npm) ഇൻസ്റ്റാൾ പ്രവർത്തിപ്പിക്കുക

npm install

• എൻപിഎം റൺ ഡേവ്(Npm run dev) ഉപയോഗിച്ച് അപ്ലിക്കേഷൻ പ്രവർത്തിപ്പിക്കുക.

npm run dev

• പ്രോജക്റ്റ് സൃഷ്‌ടിച്ച ശേഷം, അപ്ലിക്കേഷനിലേക്ക് റെൻഡർ ചെയ്യുന്ന മെയിൻ.ജെഎസ്(main.js)-ൽ ഒരു “ഹലോ വേൾഡ്” നിങ്ങൾ കാണും. .സ്വെൽറ്റ്(.svelte) എക്സ്റ്റൻഷൻ ഉപയോഗിച്ച് സ്വെൽറ്റിലെ ഘടകങ്ങൾ സംരക്ഷിക്കപ്പെടുന്നു എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ്.
• ലോക്കൽ ഹോസ്റ്റിലേക്ക് കോഡ് എക്സിക്യൂട്ട് ചെയ്യുന്നത് നിങ്ങളെ ‘ഹലോ വേൾഡ്!’ ഉപയോഗിച്ച് ചുവടെയുള്ള സ്ക്രീൻഷോട്ടിലേക്ക് നയിക്കും;
• പാക്കേജിലെ ഡേവ്ഡിപ്പെൻഡൻസീസ്(devDependencies) വിഭാഗത്തിൽ ലിസ്റ്റുചെയ്‌തിരിക്കുന്ന എല്ലാ പാക്കേജുകളും അടങ്ങിയിരിക്കുന്ന നോഡ്_മോഡ്യൂൾസ്(node_modules) ഫോൾഡർ. മുകളിലുള്ള ചിത്രത്തിൽ ജെസൺ(json)കാണാം.

1. ↑ "Frameworks without the framework: why didn't we think of this sooner?". Svelte.
2. ↑ "svelte@5.28.2". Retrieved 1 മേയ് 2025.
3. ↑ "Svelte@3.31.2". BundlePhobia. January 8, 2021.
4. ↑ "React vs. Svelte, the JavaScript build-time framework". Archived from the original on 2022-10-27. Retrieved 2019-10-24.
5. ↑ Why you may need to consider svelte.js over React,Vue or Angular - Cloudnweb