React Router රාමුව ස්ථාපනය කිරීම
මෙම පාඩම් මාලාව සඳහා, React Router සමඟ, අපි භාවිතා කරන්නෙමු Vite ගොනු එකතු කරන්නා සහ පරීක්ෂණ සේවාදායකයා ලෙස.
පළමුව, අපි නිර්මාණය කරමු
React යෙදුමක් my-app
Vite භාවිතා කරමින්. මේ සඳහා
ටර්මිනලය විවෘත කර පහත
විධාන ඇතුළත් කරමු:
npm create vite@latest my-app -- --template react
cd my-app
npm install
මාර්ගගත කිරීම සමඟ වැඩ කිරීම සඳහා
අපට අවශ්ය මොඩියුලය react-router-dom,
අපි එය ස්ථාපනය කරමු:
npm install react-router-dom
දැන් සියලුම දේ ආරම්භ කිරීමට සූදානම්. අපගේ යෙදුම ආරම්භ කරමු:
npm run dev
ටර්මිනලයේ දක්වා ඇති සබැඳිය http://localhost:5173/,
පිටපත් කර බ්රවුසරයේ ලිපින තීරුවට
ඇතුළත් කර ආරම්භ කළ යෙදුම පෙනෙනු ඇත
(ඔබට ගණන් කාරක බොත්තම ක්ලික් කළ හැකිය).
පාඩමේ විස්තර කර ඇති පරිදි, Vite සමඟ React යෙදුමක්
නිර්මාණය කරන්න, react-router-dom මොඩියුලය
react-router-dom ස්ථාපනය කරන්න. යෙදුම
ක්රියාත්මක වන බවට වග බලා ගන්න.