உபுண்டுவில் ReactJS ஐ எவ்வாறு நிறுவுவது

2011 ஆம் ஆண்டில் பேஸ்புக்கால் உருவாக்கப்பட்டது, ரியாக்ட் (ரியாக்ட்ஜேஎஸ் என்றும் குறிப்பிடப்படுகிறது) என்பது ஜாவாஸ்கிரிப்ட் நூலகமாகும், இது வேகமான மற்றும் ஊடாடும் பயனர் இடைமுகங்களை உருவாக்க பயன்படுகிறது. எழுதும் நேரத்தில், பயனர் இடைமுகங்களை உருவாக்குவதற்கான மிகவும் பிரபலமான ஜாவாஸ்கிரிப்ட் நூலகம் இது. எதிர்வினை அதன் சகாக்களை - கோண மற்றும் வ்யூ ஜே.எஸ் செயல்பாடு மற்றும் புகழ் அடிப்படையில் தொந்தரவு செய்கிறது.

அதன் புகழ் அதன் நெகிழ்வுத்தன்மை மற்றும் எளிமை ஆகியவற்றிலிருந்து உருவாகிறது, மேலும் இது மொபைல் பயன்பாடுகள் மற்றும் வலை பயன்பாடுகளின் வளர்ச்சியில் முதல் தேர்வாக அமைகிறது. 90,000 க்கும் மேற்பட்ட தளங்கள் ஒரு சிலவற்றை பட்டியலிட பேஸ்புக், நெட்ஃபிக்ஸ், இன்ஸ்டாகிராம், ஏர்பின்ப் மற்றும் ட்விட்டர் போன்ற தொழில்நுட்ப நிறுவனங்களான ரியாக்டைப் பயன்படுத்துகின்றன.

இந்த கட்டுரையில், உபுண்டு 20.04 மற்றும் உபுண்டு 18.04 இல் ReactJS ஐ எவ்வாறு நிறுவுவது என்பதை நீங்கள் கற்றுக் கொள்வீர்கள்.

படி 1: உபுண்டுவில் NPM ஐ நிறுவுதல்

Npm ஐ நிறுவுவதன் மூலம் எதிர்வினை JS இன் நிறுவலைத் தொடங்குகிறோம் - முனை தொகுப்பு நிர்வாகிக்கு குறுகியது, இரண்டு விஷயங்கள். முதலாவதாக, இது ஜாவாஸ்கிரிப்ட் தொகுப்புகளுடன் தொடர்புகொள்வதற்குப் பயன்படுத்தப்படும் ஒரு கட்டளை-வரி கருவியாகும், இது ஜாவாஸ்கிரிப்ட் கருவிகள் மற்றும் நூலகங்களை நிறுவவும், புதுப்பிக்கவும் மற்றும் நிர்வகிக்கவும் பயனர்களை அனுமதிக்கிறது.

இரண்டாவதாக, npm என்பது ஒரு ஆன்லைன் திறந்த மூல மென்பொருள் பதிவேட்டில் 800,000 க்கும் மேற்பட்ட Node.JS தொகுப்புகளை வழங்குகிறது. Npm இலவசம் மற்றும் பொதுவில் கிடைக்கும் மென்பொருள் பயன்பாடுகளை எளிதாக பதிவிறக்கம் செய்யலாம்.

உபுண்டு லினக்ஸில் npm ஐ நிறுவ, ஒரு சூடோ பயனராக உங்கள் சேவையகத்தில் உள்நுழைந்து கீழே உள்ள கட்டளையைச் செயல்படுத்தவும்:

$ sudo apt install npm

நிறுவல் முடிந்ததும், கட்டளையைப் பயன்படுத்தி நிறுவப்பட்ட npm இன் பதிப்பை நீங்கள் சரிபார்க்கலாம்:

$ npm --version

6.14.4  [Output]

இதை எழுதும் நேரத்தில் சமீபத்திய பதிப்பு 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: உங்கள் முதல் எதிர்வினை பயன்பாட்டை உருவாக்கி தொடங்கவும்

ஒரு எதிர்வினை பயன்பாட்டை உருவாக்குவது மிகவும் எளிமையானது மற்றும் நேரடியானது. பின்வருமாறு டெக்மிண்ட்-ஆப் எனப்படும் எதிர்வினை பயன்பாட்டை உருவாக்க உள்ளோம்.

$ create-react-app tecmint-app

பயன்பாட்டிற்கு தேவையான அனைத்து தொகுப்புகள், நூலகங்கள் மற்றும் கருவிகளை நிறுவ இது சுமார் 5 நிமிடங்கள் ஆகும். சில பொறுமை கைக்கு வரும்.

பயன்பாட்டின் உருவாக்கம் வெற்றிகரமாக இருந்தால், பயன்பாட்டை நிர்வகிக்கத் தொடங்க நீங்கள் இயக்கக்கூடிய அடிப்படை கட்டளைகளை வழங்குவதற்கான அறிவிப்பை கீழே பெறுவீர்கள்.

பயன்பாட்டை இயக்க, பயன்பாட்டு கோப்பகத்தில் செல்லவும்

$ cd tecmint-app

பின்னர் கட்டளையை இயக்கவும்:

$ npm start

உலாவியில் பயன்பாட்டை எவ்வாறு அணுகுவது என்பதைக் காண்பிக்கும் கீழேயுள்ள வெளியீட்டைப் பெறுவீர்கள்.

உங்கள் உலாவியை நீக்கி, உங்கள் சேவையகத்தின் ஐபி முகவரியை உலாவுக

http://server-ip:3000

இயல்புநிலை எதிர்வினை பயன்பாடு இயங்குகிறது என்பதை இது காட்டுகிறது. இந்த வழிகாட்டியில், ரியாக்ட் JS ஐ வெற்றிகரமாக நிறுவியுள்ளோம் மற்றும் ரியாக்டில் ஒரு பயன்பாட்டை உருவாக்கியுள்ளோம்.