ரியாக்ட் ரூட்டரை npm உடன் நிறுவுவது தொடர்பான முக்கிய பிரச்சனை என்னவென்றால், நீங்கள் பயன்படுத்தும் ரியாக்ட் பதிப்பிற்கு எந்த ரியாக்ட் ரூட்டரின் பதிப்பு இணக்கமானது என்பதைத் தீர்மானிப்பது கடினம். ரியாக்ட் மற்றும் ரியாக்ட் ரூட்டர் இரண்டும் வேகமாக உருவாகி வருவதால், திசைவி சரியாக வேலை செய்ய பதிப்புகள் பொருந்த வேண்டும். கூடுதலாக, உங்களிடம் ரியாக்டின் பழைய பதிப்பு நிறுவப்பட்டிருந்தால், அது ரியாக்ட் ரூட்டரின் புதிய பதிப்புகளுடன் இணக்கமாக இருக்காது. எனவே, ரியாக்ட் ரூட்டரின் புதிய பதிப்பை நிறுவ முயற்சிக்கும் முன் இணக்கத்தன்மையை சரிபார்க்க வேண்டியது அவசியம்.
To install React Router with npm, run the following command in your terminal: npm install react-router-dom
1. npm install: இந்த கட்டளை npm பதிவேட்டில் இருந்து ஒரு தொகுப்பை நிறுவும்.
2. react-router-dom: இது நிறுவப்படும் தொகுப்பின் பெயர், இது React Router DOM ஆகும்.
npm தொகுப்பு மேலாளர்
NPM (Node Package Manager) என்பது JavaScriptக்கான ஒரு தொகுப்பு மேலாளர் ஆகும், இது டெவலப்பர்கள் ரியாக்ட் ரூட்டருக்கான குறியீடு தொகுப்புகளை நிறுவ, பகிர மற்றும் நிர்வகிக்க அனுமதிக்கிறது. இது ஜாவாஸ்கிரிப்ட்டுக்கான மிகவும் பிரபலமான தொகுப்பு மேலாளர் மற்றும் ரியாக்ட் ரூட்டர் பயன்பாடுகளில் பயன்படுத்தக்கூடிய ஆயிரக்கணக்கான நூலகங்களுக்கான அணுகலை வழங்குகிறது. NPM டெவலப்பர்களுக்கு விரைவாக பேக்கேஜ்களைக் கண்டுபிடித்து நிறுவ உதவுகிறது, அத்துடன் தேவைப்படும்போது அவற்றை எளிதாகப் புதுப்பிக்கவும். டெவலப்பர்கள் தங்களுடைய சார்புகளைக் கண்காணிக்கவும், சமீபத்திய பதிப்புகளுடன் புதுப்பித்த நிலையில் இருப்பதை உறுதி செய்யவும் இது அனுமதிக்கிறது. கூடுதலாக, NPM திட்டங்களுக்கு இடையே குறியீட்டைப் பகிர்வதையும் திட்டத்தில் மற்ற டெவலப்பர்களுடன் ஒத்துழைப்பதையும் எளிதாக்குகிறது.
எதிர்வினை திசைவி நிறுவல் செயல்முறை
ரியாக்ட் ரூட்டருக்கான நிறுவல் செயல்முறை மிகவும் எளிமையானது.
1. react-router-dom தொகுப்பை npm இலிருந்து நிறுவவும்:
`npm install react-router-dom`
2. உங்கள் ரியாக்ட் பயன்பாட்டில் ரியாக்ட்-ரவுட்டர்-டோம் தொகுப்பிலிருந்து பிரவுசர் ரூட்டர் கூறுகளை இறக்குமதி செய்யவும்:
`react-router-dom' இலிருந்து {BrowserRouter} ஐ இறக்குமதி செய்யவும்
3. BrowserRouter பாகத்துடன் உங்கள் ரூட் கூறுகளை மடிக்கவும்:
`
4. ரூட் மற்றும் ஸ்விட்ச் கூறுகளைப் பயன்படுத்தி உங்கள் பயன்பாட்டிற்கு வழிகளைச் சேர்க்கவும்:
"`
