ഉബുണ്ടുവിൽ ReactJS എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം

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

അതിന്റെ ജനപ്രീതി അതിന്റെ വഴക്കവും ലാളിത്യവും മൂലമാണ്, ഇത് മൊബൈൽ ആപ്ലിക്കേഷനുകളുടെയും വെബ് ആപ്ലിക്കേഷനുകളുടെയും വികസനത്തിലെ ആദ്യ തിരഞ്ഞെടുപ്പായി മാറുന്നു. 90,000-ലധികം സൈറ്റുകൾ Facebook, Netflix, Instagram, Airbnb, Twitter എന്നിവയുൾപ്പെടെ റിയാക്റ്റ് ഉപയോഗിക്കുന്നു.

ഈ ലേഖനത്തിൽ, ഉബുണ്ടു 20.04, ഉബുണ്ടു 18.04 എന്നിവയിൽ ReactJS എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാമെന്ന് നിങ്ങൾ പഠിക്കും.

ഘട്ടം 1: ഉബുണ്ടുവിൽ NPM ഇൻസ്റ്റാൾ ചെയ്യുന്നു

npm ഇൻസ്റ്റാൾ ചെയ്തുകൊണ്ട് ഞങ്ങൾ React JS-ന്റെ ഇൻസ്റ്റാളേഷൻ ആരംഭിക്കുന്നു - നോഡ് പാക്കേജ് മാനേജറിന്റെ ചുരുക്കം, രണ്ട് കാര്യങ്ങളാണ്. ഒന്നാമതായി, ജാവാസ്ക്രിപ്റ്റ് പാക്കേജുകളുമായി സംവദിക്കാൻ ഉപയോഗിക്കുന്ന ഒരു കമാൻഡ്-ലൈൻ ടൂളാണിത്, ഇത് Javascript ടൂളുകളും ലൈബ്രറികളും ഇൻസ്റ്റാൾ ചെയ്യാനും അപ്ഡേറ്റ് ചെയ്യാനും നിയന്ത്രിക്കാനും ഉപയോക്താക്കളെ അനുവദിക്കുന്നു.

രണ്ടാമതായി, 800,000 Node.JS പാക്കേജുകൾ ഹോസ്റ്റുചെയ്യുന്ന ഒരു ഓൺലൈൻ ഓപ്പൺ സോഴ്uസ് സോഫ്uറ്റ്uവെയർ രജിസ്uട്രിയാണ് npm. Npm സൗജന്യമാണ്, പൊതുവായി ലഭ്യമായ സോഫ്റ്റ്uവെയർ ആപ്ലിക്കേഷനുകൾ നിങ്ങൾക്ക് എളുപ്പത്തിൽ ഡൗൺലോഡ് ചെയ്യാം.

ഉബുണ്ടു ലിനക്സിൽ npm ഇൻസ്റ്റാൾ ചെയ്യാൻ, ഒരു സുഡോ ഉപയോക്താവായി നിങ്ങളുടെ സെർവറിലേക്ക് ലോഗിൻ ചെയ്ത് താഴെയുള്ള കമാൻഡ് അഭ്യർത്ഥിക്കുക:

$ sudo apt install npm

ഇൻസ്റ്റാളേഷൻ പൂർത്തിയായിക്കഴിഞ്ഞാൽ, കമാൻഡ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഇൻസ്റ്റാൾ ചെയ്ത npm പതിപ്പ് പരിശോധിക്കാം:

$ npm --version

6.14.4  [Output]

ഇത് എഴുതുന്ന സമയത്തെ ഏറ്റവും പുതിയ പതിപ്പ് ഔട്ട്uപുട്ടിൽ ക്യാപ്uചർ ചെയ്uതിരിക്കുന്നതുപോലെ v6.14.4 ആണ്.

npm-ന്റെ ഇൻസ്റ്റാളേഷൻ node.js-നെയും ഇൻസ്റ്റാൾ ചെയ്യുന്നു, കമാൻഡ് ഉപയോഗിച്ച് ഇൻസ്റ്റാൾ ചെയ്ത നോഡിന്റെ പതിപ്പ് നിങ്ങൾക്ക് സ്ഥിരീകരിക്കാം:

$ node --version

v10.16.0  [Output]

ഘട്ടം 2: ക്രിയേറ്റ്-റിയാക്റ്റ്-ആപ്പ് യൂട്ടിലിറ്റി ഇൻസ്റ്റാൾ ചെയ്യുന്നു

create-react-app എന്നത് ഒരു റിയാക്റ്റ് ആപ്ലിക്കേഷൻ സൃഷ്ടിക്കാൻ ആവശ്യമായ എല്ലാ ടൂളുകളും സജ്ജീകരിക്കാൻ നിങ്ങളെ പ്രാപ്തമാക്കുന്ന ഒരു യൂട്ടിലിറ്റിയാണ്. ഇത് ആദ്യം മുതൽ എല്ലാം സജ്ജീകരിക്കുകയും സമയവും ഊർജ്ജവും വളരെയധികം ലാഭിക്കുകയും നിങ്ങൾക്ക് ആവശ്യമായ തുടക്കം നൽകുകയും ചെയ്യുന്നു.

ടൂൾ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ഇനിപ്പറയുന്ന npm കമാൻഡ് പ്രവർത്തിപ്പിക്കുക:

$ sudo npm -g install create-react-app

ഇൻസ്റ്റാൾ ചെയ്തുകഴിഞ്ഞാൽ, പ്രവർത്തിപ്പിച്ച് ഇൻസ്റ്റാൾ ചെയ്ത പതിപ്പ് നിങ്ങൾക്ക് സ്ഥിരീകരിക്കാം:

$ create-react-app --version

4.0.1  [Output]

ഘട്ടം 3: നിങ്ങളുടെ ആദ്യ പ്രതികരണ ആപ്ലിക്കേഷൻ സൃഷ്uടിക്കുകയും സമാരംഭിക്കുകയും ചെയ്യുക

ഒരു റിയാക്റ്റ് ആപ്ലിക്കേഷൻ സൃഷ്ടിക്കുന്നത് വളരെ ലളിതവും ലളിതവുമാണ്. ഞങ്ങൾ ഇനിപ്പറയുന്ന രീതിയിൽ tecmint-app എന്ന ഒരു റിയാക്റ്റ് ആപ്പ് സൃഷ്ടിക്കാൻ പോകുന്നു.

$ create-react-app tecmint-app

ആപ്ലിക്കേഷന് ആവശ്യമായ എല്ലാ പാക്കേജുകളും ലൈബ്രറികളും ടൂളുകളും ഇൻസ്റ്റാൾ ചെയ്യാൻ ഇത് ഏകദേശം 5 മിനിറ്റ് എടുക്കും. കുറച്ച് ക്ഷമ ഉപയോഗപ്രദമാകും.

ആപ്ലിക്കേഷൻ സൃഷ്uടിക്കുന്നത് വിജയകരമാണെങ്കിൽ, ആപ്ലിക്കേഷൻ മാനേജ് ചെയ്യാൻ ആരംഭിക്കുന്നതിന് നിങ്ങൾക്ക് പ്രവർത്തിപ്പിക്കാൻ കഴിയുന്ന അടിസ്ഥാന കമാൻഡുകൾ നൽകിക്കൊണ്ട് നിങ്ങൾക്ക് ചുവടെയുള്ള അറിയിപ്പ് ലഭിക്കും.

ആപ്ലിക്കേഷൻ റൺ ചെയ്യാൻ, ആപ്പ് ഡയറക്uടറിയിലേക്ക് നാവിഗേറ്റ് ചെയ്യുക

$ cd tecmint-app

തുടർന്ന് കമാൻഡ് പ്രവർത്തിപ്പിക്കുക:

$ npm start

ബ്രൗസറിൽ ആപ്ലിക്കേഷൻ എങ്ങനെ ആക്uസസ് ചെയ്യാമെന്ന് കാണിക്കുന്ന ഔട്ട്uപുട്ട് നിങ്ങൾക്ക് ലഭിക്കും.

നിങ്ങളുടെ ബ്രൗസർ തുറന്ന് നിങ്ങളുടെ സെർവറിന്റെ IP വിലാസം ബ്രൗസ് ചെയ്യുക

http://server-ip:3000

ഡിഫോൾട്ട് റിയാക്റ്റ് ആപ്പ് പ്രവർത്തനക്ഷമമാണെന്ന് ഇത് കാണിക്കുന്നു. ഈ ഗൈഡിൽ, ഞങ്ങൾ React JS വിജയകരമായി ഇൻസ്റ്റാൾ ചെയ്യുകയും React-ൽ ഒരു ആപ്ലിക്കേഷൻ സൃഷ്uടിക്കുകയും ചെയ്uതു.