React Router රාමුව ස්ථාපනය කිරීම

මෙම පාඩම් මාලාව සඳහා, React Router සමඟ, අපි භාවිතා කරන්නෙමු Vite ගොනු එකතු කරන්නා සහ පරීක්ෂණ සේවාදායකයා ලෙස.

පළමුව, අපි නිර්මාණය කරමු React යෙදුමක් my-app Vite භාවිතා කරමින්. මේ සඳහා ටර්මිනලය විවෘත කර පහත විධාන ඇතුළත් කරමු:

terminalnpm create vite@latest my-app -- --template react
cd my-app
npm install

මාර්ගගත කිරීම සමඟ වැඩ කිරීම සඳහා අපට අවශ්‍ය මොඩියුලය react-router-dom, අපි එය ස්ථාපනය කරමු:

terminalnpm install react-router-dom

දැන් සියලුම දේ ආරම්භ කිරීමට සූදානම්. අපගේ යෙදුම ආරම්භ කරමු:

terminalnpm run dev

ටර්මිනලයේ දක්වා ඇති සබැඳිය http://localhost:5173/, පිටපත් කර බ්‍රවුසරයේ ලිපින තීරුවට ඇතුළත් කර ආරම්භ කළ යෙදුම පෙනෙනු ඇත (ඔබට ගණන් කාරක බොත්තම ක්ලික් කළ හැකිය).