React යෙදුම ස්ථාපනය සහ සකස් කිරීම
මෙම පාඩමේදී අපි React යෙදුමක් ස්ථාපනය කිරීමෙන් සහ සකස් කිරීමෙන් ආරම්භ කරමු, මන්ද අනාගතයේදී අපි එය Redux සමඟ එකට භාවිතා කරන්නෙමු. React යෙදුමක් Redux සමඟ සැකිලි වශයෙන් නිර්මාණය කිරීමට වේගවත් ක්රම තිබේ (එය නවකයින් සඳහා සැමවිටම පහසු නොවේ, විශේෂයෙන් ආරම්භකයින් සඳහා), ඒවා නිල ලේඛනයේ දක්වා ඇත, නමුත් අපි ආරම්භයේ සිටම යමු.
පළමුව, අපි React යෙදුමක් නිර්මාණය කරමු
my-app Vite භාවිතා කරමින්
(මෙය Webpack සඳහා නවීන ආදේශකයකි).
මෙය සිදු කිරීම සඳහා, අපි ටර්මිනලය
විවෘත කර පහත දැක්වෙන විධාන ඇතුළත් කරමු (ඉදිරිපත් කරන ලද විකල්ප තිබේ නම්,
අපි React සහ පසුව JavaScript තෝරා ගනිමු):
npm create vite@latest my-app -- --template react
cd my-app
npm install
දැන් අපි නිර්මාණය කළ යෙදුම ආරම්භ කරමු:
npm run dev
අපි බ්රවුසරයේ යෝජනා කරන ලද සබැඳිය විවෘත කරමු
http://localhost:5173/ සහ හුරුපුරුදු
ආරම්භක තිරය දකිමු. සියල්ල ක්රියා කරයි.
දැන් අපි අනවශ්ය ගොනු ඉවත් කරමු. අපි public ෆෝල්ඩරය හිස් කරමු.
src ෆෝල්ඩරය තුළ, අපි සුරක්ෂිතව තබා ගන්නේ main.jsx,
index.css සහ App.jsx පමණි (index.css
සහ App.jsx ගොනු වල අන්තර්ගතය සම්පූර්ණයෙන්ම මකා දමන්න).
index.html ගොනුවේ, අපි අනුසාරයෙන්
පාඨය මෙසේ ප්රතිස්ථාපනය කරමු:
<title>React Redux App</title>
React යෙදුමක් නිර්මාණය කර එය ක්රියාත්මක වන බවට වග බලා ගන්න.
අනවශ්ය ගොනු සහ ෆෝල්ඩර ඉවත් කරන්න.
