npm ನೊಂದಿಗೆ ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲು ಸಂಬಂಧಿಸಿದ ಮುಖ್ಯ ಸಮಸ್ಯೆಯೆಂದರೆ, ನೀವು ಬಳಸುತ್ತಿರುವ ರಿಯಾಕ್ಟ್ ಆವೃತ್ತಿಯೊಂದಿಗೆ ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನ ಯಾವ ಆವೃತ್ತಿಯು ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸಲು ಕಷ್ಟವಾಗುತ್ತದೆ. ರಿಯಾಕ್ಟ್ ಮತ್ತು ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಎರಡೂ ವೇಗವಾಗಿ ವಿಕಸನಗೊಳ್ಳುತ್ತಿರುವುದರಿಂದ, ರೂಟರ್ ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಆವೃತ್ತಿಗಳು ಹೊಂದಿಕೆಯಾಗಬೇಕು. ಹೆಚ್ಚುವರಿಯಾಗಿ, ನೀವು ರಿಯಾಕ್ಟ್‌ನ ಹಳೆಯ ಆವೃತ್ತಿಯನ್ನು ಸ್ಥಾಪಿಸಿದ್ದರೆ, ಅದು ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನ ಹೊಸ ಆವೃತ್ತಿಗಳೊಂದಿಗೆ ಹೊಂದಿಕೆಯಾಗದಿರಬಹುದು. ಆದ್ದರಿಂದ, ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನ ಹೊಸ ಆವೃತ್ತಿಯನ್ನು ಸ್ಥಾಪಿಸಲು ಪ್ರಯತ್ನಿಸುವ ಮೊದಲು ಹೊಂದಾಣಿಕೆಯನ್ನು ಪರಿಶೀಲಿಸುವುದು ಮುಖ್ಯವಾಗಿದೆ.
To install React Router with npm, run the following command in your terminal: npm install react-router-dom
1. npm ಅನುಸ್ಥಾಪನೆ: ಈ ಆಜ್ಞೆಯು npm ರಿಜಿಸ್ಟ್ರಿಯಿಂದ ಪ್ಯಾಕೇಜ್ ಅನ್ನು ಸ್ಥಾಪಿಸುತ್ತದೆ.
2. react-router-dom: ಇದು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಲಾಗುವ ಪ್ಯಾಕೇಜ್‌ನ ಹೆಸರು, ಇದು ರಿಯಾಕ್ಟ್ ರೂಟರ್ DOM ಆಗಿದೆ.
npm ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್
NPM (ನೋಡ್ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್) ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ಗಾಗಿ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ ಆಗಿದ್ದು ಅದು ಡೆವಲಪರ್‌ಗಳಿಗೆ ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ಗಾಗಿ ಕೋಡ್ ಪ್ಯಾಕೇಜ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸಲು, ಹಂಚಿಕೊಳ್ಳಲು ಮತ್ತು ನಿರ್ವಹಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಇದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ಗಾಗಿ ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ ಆಗಿದೆ ಮತ್ತು ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಬಳಸಬಹುದಾದ ಸಾವಿರಾರು ಲೈಬ್ರರಿಗಳಿಗೆ ಪ್ರವೇಶವನ್ನು ಒದಗಿಸುತ್ತದೆ. NPM ಡೆವಲಪರ್‌ಗಳಿಗೆ ತ್ವರಿತವಾಗಿ ಪ್ಯಾಕೇಜ್‌ಗಳನ್ನು ಹುಡುಕಲು ಮತ್ತು ಸ್ಥಾಪಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಹಾಗೆಯೇ ಅಗತ್ಯವಿದ್ದಾಗ ಅವುಗಳನ್ನು ಸುಲಭವಾಗಿ ನವೀಕರಿಸುತ್ತದೆ. ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಅವಲಂಬನೆಗಳನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಲು ಮತ್ತು ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಗಳೊಂದಿಗೆ ನವೀಕೃತವಾಗಿರುವುದನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಇದು ಅನುಮತಿಸುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, NPM ಯೋಜನೆಗಳ ನಡುವೆ ಕೋಡ್ ಅನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಮತ್ತು ಯೋಜನೆಯಲ್ಲಿ ಇತರ ಡೆವಲಪರ್‌ಗಳೊಂದಿಗೆ ಸಹಯೋಗವನ್ನು ಸುಲಭಗೊಳಿಸುತ್ತದೆ.
ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಅನುಸ್ಥಾಪನಾ ಪ್ರಕ್ರಿಯೆ
ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನ ಅನುಸ್ಥಾಪನಾ ಪ್ರಕ್ರಿಯೆಯು ಸಾಕಷ್ಟು ಸರಳವಾಗಿದೆ.
1. npm ನಿಂದ react-router-dom ಪ್ಯಾಕೇಜ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ:
`ಎನ್‌ಪಿಎಂ ಇನ್‌ಸ್ಟಾಲ್ ರಿಯಾಕ್ಟ್-ರೂಟರ್-ಡೋಮ್`
2. ನಿಮ್ಮ ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ರಿಯಾಕ್ಟ್-ರೂಟರ್-ಡಾಮ್ ಪ್ಯಾಕೇಜ್‌ನಿಂದ ಬ್ರೌಸರ್‌ರೂಟರ್ ಘಟಕವನ್ನು ಆಮದು ಮಾಡಿ:
`react-router-dom' ನಿಂದ {BrowserRouter} ಅನ್ನು ಆಮದು ಮಾಡಿಕೊಳ್ಳಿ
3. ಬ್ರೌಸರ್ ರೂಟರ್ ಘಟಕದೊಂದಿಗೆ ನಿಮ್ಮ ಮೂಲ ಘಟಕವನ್ನು ಸುತ್ತಿಕೊಳ್ಳಿ:
`
4. ಮಾರ್ಗ ಮತ್ತು ಸ್ವಿಚ್ ಘಟಕಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ಮಾರ್ಗಗಳನ್ನು ಸೇರಿಸಿ:
""
