ಮುಂದಿನ ಲೇಖನದಲ್ಲಿ ನಾವು ನೋಡೋಣ ರಚಿಸಿ ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಬಳಸಿ ಉಬುಂಟು 20.04 ನಲ್ಲಿ ರಿಯಾಕ್ಟ್ಜೆಎಸ್ನೊಂದಿಗೆ ನಮ್ಮ ಮೊದಲ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ನಾವು ಹೇಗೆ ರಚಿಸಬಹುದು. ರಿಯಾಕ್ಟ್ಜೆಎಸ್ ಎನ್ನುವುದು ಓಪನ್ ಸೋರ್ಸ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಯಾಗಿದ್ದು, ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ರಚಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ, ಇದನ್ನು ಫೇಸ್ಬುಕ್ ಮತ್ತು ಡೆವಲಪರ್ ಸಮುದಾಯ ನಿರ್ವಹಿಸುತ್ತದೆ. ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ಅಥವಾ ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್ಗಳ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ರಿಯಾಕ್ಟ್ಜೆಎಸ್ ಅನ್ನು ಬಳಸಬಹುದು.
ಪ್ರತಿಕ್ರಿಯೆಯಲ್ಲಿ, ಇದನ್ನು ರಿಯಾಕ್ಟ್ಜೆಎಸ್ ಎಂದೂ ಕರೆಯುತ್ತಾರೆ, ಡೇಟಾವನ್ನು DOM ನಲ್ಲಿ ಸಂಸ್ಕರಿಸಲಾಗುತ್ತದೆ. ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಚಲಾಯಿಸಲು ರೂಟಿಂಗ್ ಮತ್ತು ರಾಜ್ಯ ನಿರ್ವಹಣೆಗೆ ಹೆಚ್ಚುವರಿ ಗ್ರಂಥಾಲಯಗಳು ಅಗತ್ಯವಿದೆ. ಈ ಗ್ರಂಥಾಲಯಗಳ ಕೆಲವು ಉದಾಹರಣೆಗಳಾಗಿವೆ redux y ರೂಟರ್ ಅನ್ನು ಪ್ರತಿಕ್ರಿಯಿಸಿ.
ಉಬುಂಟು 20.04 ನಲ್ಲಿ ರಿಯಾಕ್ಟ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲಾಗುತ್ತಿದೆ
ನಮ್ಮ ಸಿಸ್ಟಂನಲ್ಲಿ ರಿಯಾಕ್ಟ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲು, ನಾವು ಮೊದಲು ಎನ್ಪಿಎಂ ಏನೆಂದು ತಿಳಿದುಕೊಳ್ಳಬೇಕು ಮತ್ತು ನಮಗೆ ಏಕೆ ಬೇಕು ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬೇಕು. Npm ಎಂದರೆ ನೋಡ್ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್, ಮತ್ತು ಇದು ವಿಶ್ವದ ಅತಿದೊಡ್ಡ ತೆರೆದ ಮೂಲ ಸಾಫ್ಟ್ವೇರ್ ನೋಂದಾವಣೆಯಾಗಿದೆ. 800.000 ಕ್ಕಿಂತ ಹೆಚ್ಚು ಕೋಡ್ ಪ್ಯಾಕೇಜ್ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. Npm ಬಳಸಲು ಉಚಿತವಾಗಿದೆ ಮತ್ತು ಯಾವುದೇ ಸಾರ್ವಜನಿಕ ಸಾಫ್ಟ್ವೇರ್ ಅನ್ನು ನೋಂದಣಿ ಅಥವಾ ಲಾಗಿನ್ ಇಲ್ಲದೆ ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು ಮತ್ತು ಬಳಸಬಹುದು.
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ಗಳಿಗಾಗಿ ಎನ್ಪಿಎಂ ಅವಲಂಬನೆ ನಿರ್ವಹಣಾ ಸಾಧನವಾಗಿದೆ, ಇದು ಜೆಎಸ್ ಅಪ್ಲಿಕೇಶನ್ಗಳ ಅಭಿವೃದ್ಧಿಯನ್ನು ಬೆಂಬಲಿಸಲು ಎಲ್ಲಾ ಗ್ರಂಥಾಲಯಗಳು ಮತ್ತು ಇತರ ಸಾಧನಗಳನ್ನು ಸ್ಥಾಪಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
Npm ಅನ್ನು ಸ್ಥಾಪಿಸಿ
ಪ್ಯಾರಾ npm ಅನ್ನು ಒಳಗೊಂಡಿರುವ ನೋಡ್ಜೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿ, ನಾವು ಟರ್ಮಿನಲ್ ಅನ್ನು ತೆರೆಯಬೇಕಾಗುತ್ತದೆ (Ctrl + Alt + T) ಮತ್ತು ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಿ:
sudo apt install nodejs
ಎನ್ಪಿಎಂ ಸ್ಥಾಪನೆಯನ್ನು ಮುಗಿಸಿದ ನಂತರ, ನಾವು ಮಾಡಬಹುದು ನಿಮ್ಮ ಆವೃತ್ತಿ ಮತ್ತು ನೋಡ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿ. ನಾವು ಇದನ್ನು ಆಜ್ಞೆಯೊಂದಿಗೆ ಮಾಡಬಹುದು:
npm -v
ನವೀಕರಣವನ್ನು ಆಗಾಗ್ಗೆ ನಿರ್ವಹಿಸುವುದರಿಂದ, ಸ್ಥಾಪಿಸಲಾದ npm ಆವೃತ್ತಿಯು ಅನುಸ್ಥಾಪನಾ ದಿನಾಂಕವನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ. ನಾವು 5 ಕ್ಕಿಂತ ಹೆಚ್ಚಿನ ಆವೃತ್ತಿಯನ್ನು ಸ್ಥಾಪಿಸಿದ್ದೇವೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳುವುದು ಅವಶ್ಯಕ.
ಪ್ಯಾರಾ ಸ್ಥಾಪಿಸಲಾದ ನೋಡ್ ಆವೃತ್ತಿಯನ್ನು ಪರಿಶೀಲಿಸಿ, ಬಳಸಲು ಆಜ್ಞೆಯು ಹೀಗಿರುತ್ತದೆ:
node -v
ನಿಮ್ಮ ಸಿಸ್ಟಂನಲ್ಲಿ npm ನ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಯನ್ನು ಸ್ಥಾಪಿಸದಿದ್ದರೆ, ನೀವು ನೋಡ್ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ (ಎನ್ಪಿಎಂ) ಅನ್ನು ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಗೆ ನವೀಕರಿಸಬಹುದು ಈ ಆಜ್ಞೆಯನ್ನು ಟರ್ಮಿನಲ್ನಲ್ಲಿ ಚಾಲನೆ ಮಾಡಲಾಗುತ್ತಿದೆ:
sudo npm install -g npm@latest
ರಚಿಸಿ-ಪ್ರತಿಕ್ರಿಯಿಸುವ-ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ
ಉತ್ಪಾದಕ ರಿಯಾಕ್ಟ್ ಪರಿಸರವನ್ನು ಸ್ಥಾಪಿಸಲು, ನಾವು ಬಾಬೆಲ್, ವೆಬ್ಪ್ಯಾಕ್, ಮುಂತಾದ ಸಾಧನಗಳನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ ... ಇದು ರಿಯಾಕ್ಟ್ ಜಗತ್ತಿನಲ್ಲಿ ಆರಂಭಿಕರಿಗಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡಲು ಸಂಕೀರ್ಣವಾಗಿದೆ. ಆದರೆ ಸಂರಚನೆಯಲ್ಲಿ ನಮಗೆ ಸಹಾಯ ಮಾಡುವ ಹಲವಾರು ಸಾಧನಗಳನ್ನು ನಾವು ಕಾಣಬಹುದು. ಅವುಗಳಲ್ಲಿ ನಾವು ಕಾಣುತ್ತೇವೆ create-react-app, ಇದು ಬಳಸಲು ಮತ್ತು ಕಾನ್ಫಿಗರ್ ಮಾಡಲು ಸುಲಭವಾದ ಸಾಧನವಾಗಿದೆ.
ರಿಯಾಕ್ಟ್ ಆ್ಯಪ್ ರಚಿಸಿ ರಿಯಾಕ್ಟ್ ಕಲಿಯಲು ಅನುಕೂಲಕರ ವಾತಾವರಣ, ಮತ್ತು ರಿಯಾಕ್ಟ್ ಬಳಸಿ ಹೊಸ ಏಕ ಪುಟ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ನಿರ್ಮಿಸಲು ಇದು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ.
ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ರಚಿಸಿ ನಿಮ್ಮ ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಿ ಆದ್ದರಿಂದ ನೀವು ಇತ್ತೀಚಿನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸಬಹುದು, ಉತ್ತಮ ಅಭಿವೃದ್ಧಿ ಅನುಭವವನ್ನು ನೀಡುತ್ತದೆ ಮತ್ತು ಉತ್ಪಾದನೆಗೆ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಉತ್ತಮಗೊಳಿಸಬಹುದು. ಅವರ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಸೂಚಿಸಿದಂತೆ, ನಿಮ್ಮ ಯಂತ್ರದಲ್ಲಿ ನೋಡ್> = 8.10 ಮತ್ತು ಎನ್ಪಿಎಂ> = 5.6 ಅನ್ನು ಸ್ಥಾಪಿಸುವುದು ಅವಶ್ಯಕ.
ನಾವು ಮಾಡಬಹುದು npm ಬಳಸಿ create-react-app ಅನ್ನು ಸ್ಥಾಪಿಸಿ. ಇದನ್ನು ಮಾಡಲು, ಟರ್ಮಿನಲ್ನಲ್ಲಿ (Ctrl + Alt + T) ನಾವು ಈ ಕೆಳಗಿನ ಅನುಸ್ಥಾಪನಾ ಆಜ್ಞೆಯನ್ನು ಮಾತ್ರ ಕಾರ್ಯಗತಗೊಳಿಸಬೇಕಾಗುತ್ತದೆ:
sudo npm install -g create-react-app
ನಮ್ಮ ಸಿಸ್ಟಂನಲ್ಲಿ ಕ್ರಿಯೇಟ್-ರಿಯಾಕ್ಟ್-ಅಪ್ಲಿಕೇಶನ್ ಅಪ್ಲಿಕೇಶನ್ನ ಸ್ಥಾಪನೆ ಮುಗಿದ ನಂತರ, ನಾವು ಮಾಡಬಹುದು ಸ್ಥಾಪಿಸಲಾದ ಆವೃತ್ತಿಯನ್ನು ಪರಿಶೀಲಿಸಿ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಚಲಾಯಿಸುತ್ತಿದೆ:
create-react-app --version
ಮೊದಲ ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸಲಾಗುತ್ತಿದೆ
Create-react-app ಬಳಸಿ ನಮ್ಮ ಮೊದಲ ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸಬಹುದು. ನಾವು ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಮಾತ್ರ ಬಳಸಬೇಕಾಗುತ್ತದೆ:
create-react-app mi-primera-app
ಮೇಲಿನ ಆಜ್ಞೆಯು ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಕರೆಯಲಿದೆ ನನ್ನ ಮೊದಲ ಅಪ್ಲಿಕೇಶನ್. ಅದೇ ಸಮಯದಲ್ಲಿ ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ಫೈಲ್ಗಳು, ಕಾನ್ಫಿಗರೇಶನ್ಗಳು ಮತ್ತು ಲೈಬ್ರರಿಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ಅಪ್ಲಿಕೇಶನ್ನ ಒಂದೇ ಹೆಸರಿನ ಹೊಸ ಫೋಲ್ಡರ್ ಅನ್ನು ರಚಿಸಲಾಗುತ್ತದೆ.
ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಚಾಲನೆಯಲ್ಲಿದೆ
ರಿಯಾಕ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ರಚಿಸಿದ ನಂತರ, ನಾವು ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗೆ ತೆರಳಿ ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಬಳಸಿಕೊಂಡು ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಚಲಾಯಿಸಬೇಕಾಗುತ್ತದೆ ಟರ್ಮಿನಲ್ನಲ್ಲಿ (Ctrl + Alt + T):
npm start
ಆಜ್ಞೆ npm ಪ್ರಾರಂಭ ಅಭಿವೃದ್ಧಿ ಸರ್ವರ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಿ ಅದು ಸಂಪೂರ್ಣ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆಯನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ.
ಟರ್ಮಿನಲ್ ನಾವು ಮಾಡಬೇಕು ಎಂದು ಹೇಳುತ್ತದೆ ಬ್ರೌಸರ್ ತೆರೆಯಿರಿ ಮತ್ತು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ http: // localhost: 3000 URL ನಲ್ಲಿ ಚಾಲನೆಯಲ್ಲಿರುವ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಲೋಡ್ ಮಾಡಿ. ಬ್ರೌಸರ್ ತೆರೆದಾಗ, ನಾವು ರಿಯಾಕ್ಟ್ ಲೋಗೋ ಮತ್ತು ಪಠ್ಯಗಳನ್ನು ಪರದೆಯ ಮೇಲೆ ನೋಡುತ್ತೇವೆ.
ರಚಿಸು-ಪ್ರತಿಕ್ರಿಯೆ-ಅಪ್ಲಿಕೇಶನ್ ಮತ್ತು npm ಅನ್ನು ಅಸ್ಥಾಪಿಸಿ
ಬಳಕೆದಾರರು ನಾವು npm ನಿಂದ ಸ್ಥಾಪಿಸಲಾದ ಯಾವುದೇ ಲೈಬ್ರರಿಯನ್ನು npm ಅಸ್ಥಾಪಿಸು ಆಜ್ಞೆಯನ್ನು ಬಳಸಿ ಅಸ್ಥಾಪಿಸಬಹುದು. ಅಸ್ಥಾಪಿಸಲು ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಟರ್ಮಿನಲ್ನಲ್ಲಿ (Ctrl + Alt + T) ಚಲಾಯಿಸಿ ರಚಿಸಿ-ಪ್ರತಿಕ್ರಿಯಿಸಿ-ಅಪ್ಲಿಕೇಶನ್:
sudo npm uninstall -g create-react-app
ಅಂತೆಯೇ, ನಾವು ಮಾಡಬಹುದು npm ಅನ್ನು ಅಸ್ಥಾಪಿಸಿ ಅದೇ ಟರ್ಮಿನಲ್ನಲ್ಲಿ ಈ ಇತರ ಆಜ್ಞೆಯನ್ನು ಬಳಸುವುದು:
sudo apt remove nodejs
ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ಗಳನ್ನು ರಚಿಸಲು ಈ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಯ ಕುರಿತು ಹೆಚ್ಚಿನ ಮಾಹಿತಿಯನ್ನು ಕಾಣಬಹುದು ಯೋಜನೆಯ ದಸ್ತಾವೇಜನ್ನು.
ಅತ್ಯುತ್ತಮ ವಿಷಯ! ಒಬ್ರಿಗಾಡೋ!