அடுத்த கட்டுரையில் நாம் கவனிக்கப் போகிறோம் உருவாக்கு எதிர்வினை பயன்பாட்டைப் பயன்படுத்தி உபுண்டு 20.04 இல் ReactJS உடன் எங்கள் முதல் பயன்பாட்டை எவ்வாறு உருவாக்கலாம். ReactJS என்பது பேஸ்புக் மற்றும் டெவலப்பர் சமூகத்தால் பராமரிக்கப்படும் பயனர் இடைமுகத்தை உருவாக்கப் பயன்படுத்தப்படும் ஒரு திறந்த மூல ஜாவாஸ்கிரிப்ட் நூலகமாகும். வலை பயன்பாடுகள் அல்லது மொபைல் பயன்பாடுகளின் வளர்ச்சியில் ReactJS ஐப் பயன்படுத்தலாம்.
எதிர்வினையில், ReactJS என்றும் அழைக்கப்படுகிறது, தரவு DOM இல் செயலாக்கப்படுகிறது. ரியாக்ட் பயன்பாட்டை இயக்க ரூட்டிங் மற்றும் மாநில நிர்வாகத்திற்கான கூடுதல் நூலகங்கள் தேவை. இந்த நூலகங்களின் சில எடுத்துக்காட்டுகள் குற்றங்கள் y திசைவி எதிர்வினை.
உபுண்டு 20.04 இல் எதிர்வினை நிறுவுகிறது
எங்கள் கணினியில் எதிர்வினை நிறுவ, முதலில் npm என்றால் என்ன என்பதை நாம் அறிந்து கொள்ள வேண்டும், நமக்கு ஏன் அவை தேவை என்பதை புரிந்து கொள்ள வேண்டும். Npm என்பது முனை தொகுப்பு மேலாளரைக் குறிக்கிறது, இது உலகின் மிகப்பெரிய திறந்த மூல மென்பொருள் பதிவேட்டில் உள்ளது. 800.000 க்கும் மேற்பட்ட குறியீடு தொகுப்புகளைக் கொண்டுள்ளது. என்.பி.எம் பயன்படுத்த இலவசம் மற்றும் எந்தவொரு பொது மென்பொருளையும் பதிவிறக்கம் செய்து உள்நுழைவு இல்லாமல் பயன்படுத்தலாம்.
Npm என்பது ஜாவாஸ்கிரிப்ட் பயன்பாடுகளுக்கான சார்பு மேலாண்மை கருவியாகும், இது JS பயன்பாடுகளின் வளர்ச்சியை ஆதரிக்க அனைத்து நூலகங்களையும் பிற கருவிகளையும் நிறுவ உதவுகிறது.
Npm ஐ நிறுவவும்
பாரா npm ஐ உள்ளடக்கிய nodejs ஐ நிறுவவும், நாம் ஒரு முனையத்தை (Ctrl + Alt + T) திறந்து பின்வரும் கட்டளையை இயக்க வேண்டும்:
sudo apt install nodejs
Npm நிறுவலை முடித்த பிறகு, நம்மால் முடியும் உங்கள் பதிப்பையும் முனையின் பதிப்பையும் சரிபார்க்கவும். கட்டளையுடன் இதை நாம் செய்யலாம்:
npm -v
நிறுவப்பட்ட npm இன் பதிப்பு நிறுவல் தேதியைப் பொறுத்தது, ஏனெனில் புதுப்பிப்பு அடிக்கடி செய்யப்படுகிறது. 5 ஐ விட அதிகமான பதிப்பை நாங்கள் நிறுவியுள்ளோம் என்பதை உறுதிப்படுத்துவது அவசியம்.
பாரா நிறுவப்பட்ட முனையின் பதிப்பைச் சரிபார்க்கவும், பயன்படுத்த கட்டளை பின்வருமாறு:
node -v
உங்கள் கணினியில் npm இன் சமீபத்திய பதிப்பு நிறுவப்படவில்லை என்றால், நீங்கள் நோட் தொகுப்பு மேலாளரை (npm) சமீபத்திய பதிப்பிற்கு புதுப்பிக்கலாம் இந்த கட்டளையை முனையத்தில் இயக்குகிறது:
sudo npm install -g npm@latest
உருவாக்கு-எதிர்வினை-பயன்பாட்டை நிறுவவும்
ஒரு உற்பத்தி எதிர்வினை சூழலை நிறுவ, நாங்கள் பேபல், வெப் பேக் போன்ற கருவிகளை உள்ளமைக்க வேண்டும் ... இது எதிர்வினை உலகில் ஆரம்பிக்க கட்டமைப்பதற்கு சிக்கலானது. ஆனால் உள்ளமைவில் எங்களுக்கு உதவும் பல கருவிகளைக் காணலாம். அவற்றில் நாம் காண்போம் create-react-app, இது பயன்படுத்த மற்றும் உள்ளமைக்க எளிதான கருவியாகும்.
எதிர்வினை பயன்பாட்டை உருவாக்கு என்பது எதிர்வினை அறிய ஒரு வசதியான சூழல், மேலும் எதிர்வினைகளைப் பயன்படுத்தி புதிய ஒற்றை பக்க பயன்பாட்டை உருவாக்க இது சிறந்த வழியாகும்.
எதிர்வினை பயன்பாட்டை உருவாக்குக உங்கள் மேம்பாட்டு சூழலை உள்ளமைக்கவும் இதன்மூலம் நீங்கள் சமீபத்திய ஜாவாஸ்கிரிப்ட் அம்சங்களைப் பயன்படுத்தலாம், நல்ல மேம்பாட்டு அனுபவத்தை வழங்கலாம் மற்றும் உற்பத்திக்கான உங்கள் பயன்பாட்டை மேம்படுத்தலாம். அவர்களின் இணையதளத்தில் சுட்டிக்காட்டப்பட்டுள்ளபடி, உங்கள் கணினியில் முனை> = 8.10 மற்றும் npm> = 5.6 நிறுவப்பட்டிருப்பது அவசியம்.
நம்மால் முடியும் npm ஐப் பயன்படுத்தி create-react-app ஐ நிறுவவும். இதைச் செய்ய, ஒரு முனையத்தில் (Ctrl + Alt + T) பின்வரும் நிறுவல் கட்டளையை மட்டுமே இயக்க வேண்டும்:
sudo npm install -g create-react-app
உருவாக்கு-எதிர்வினை-பயன்பாட்டு பயன்பாட்டின் நிறுவல் எங்கள் கணினியில் முடிந்ததும், நம்மால் முடியும் நிறுவப்பட்ட பதிப்பைச் சரிபார்க்கவும் பின்வரும் கட்டளையை இயக்குகிறது:
create-react-app --version
முதல் எதிர்வினை பயன்பாட்டை உருவாக்குகிறது
உருவாக்கு-எதிர்வினை-பயன்பாட்டைப் பயன்படுத்தி எங்கள் முதல் எதிர்வினை பயன்பாட்டை உருவாக்கலாம். நாம் பின்வரும் கட்டளையை மட்டுமே பயன்படுத்த வேண்டும்:
create-react-app mi-primera-app
மேலே உள்ள கட்டளை ஒரு எதிர்வினை பயன்பாட்டை உருவாக்கப் போகிறது எனது முதல் பயன்பாடு. அதே நேரத்தில் பயன்பாட்டின் அதே பெயருடன் ஒரு புதிய கோப்புறை உருவாக்கப்படும், அதில் தேவையான அனைத்து கோப்புகள், அமைப்புகள் மற்றும் நூலகங்கள் அடங்கும்.
எதிர்வினை பயன்பாட்டை இயக்குகிறது
எதிர்வினை திட்டம் உருவாக்கப்பட்டதும், நாம் திட்டக் கோப்பகத்திற்குச் சென்று பின்வரும் கட்டளையைப் பயன்படுத்தி எதிர்வினை பயன்பாட்டை இயக்க வேண்டும் முனையத்தில் (Ctrl + Alt + T):
npm start
கட்டளை npm தொடக்கம் மேம்பாட்டு சேவையகத்தைத் தொடங்கவும், இது முழு உருவாக்க செயல்முறையையும் செய்யும்.
முனையம் நாம் கட்டாயம் என்று சொல்லும் உலாவியைத் திறந்து இயல்புநிலையாக http: // localhost: 3000 URL இல் இயங்கும் பயன்பாட்டை ஏற்றவும். உலாவி திறக்கும்போது, எதிர்வினை லோகோ மற்றும் உரைகளை திரையில் காண்போம்.
உருவாக்கு-எதிர்வினை-பயன்பாடு மற்றும் என்.பி.எம்
பயனர்கள் npm நிறுவல் நீக்கு கட்டளையைப் பயன்படுத்தி npm இலிருந்து நிறுவப்பட்ட எந்த நூலகத்தையும் நிறுவல் நீக்க முடியும். நிறுவல் நீக்க பின்வரும் கட்டளையை முனையத்தில் (Ctrl + Alt + T) இயக்கவும் உருவாக்கு-எதிர்வினை-பயன்பாடு:
sudo npm uninstall -g create-react-app
இதேபோல், நம்மால் முடியும் npm ஐ நிறுவல் நீக்கு அதே முனையத்தில் இந்த மற்ற கட்டளையைப் பயன்படுத்துதல்:
sudo apt remove nodejs
பயனர் இடைமுகங்களை உருவாக்குவதற்கான இந்த ஜாவாஸ்கிரிப்ட் நூலகத்தைப் பற்றிய கூடுதல் தகவல்களைக் காணலாம் திட்ட ஆவணங்கள்.
சிறந்த உள்ளடக்கம்! ஒப்ரிகாடோ!