ප්රධාන React අත්පොත
හැඳින්වීම
React ස්ථාපනය කිරීම
react-devtools ප්ලගිනය සම්බන්ධ කිරීම
කොම්පොනන්ට් ප්රවේශය
වෙබ් අඩවි පිරිසැලසුම
කොම්පොනන්ට් ක්රියාකාරීත්වයේ ප්රතිඵලය
JSX භාෂාව
JSX හැඳින්වීම
අතුරු ටැග් ආපසු ලබා දීම
ටැගය පහළට ඇද දැමීම
ටැග කිහිපයක් ආපසු ලබා දීම
නොසංවෘත ටැගය ආපසු ලබා දීම
හිස් ටැගය ශ්රිතයක් මඟින් ආපසු ලබා දීම
විචල්යවල අගයන් ඇතුල් කිරීම
විචල්ය ඇතුල් කිරීමේදී සූක්ෂ්මතා
අරා ඇතුල් කිරීම
වස්තූන් ඇතුල් කිරීම
ගුණාංගවලට ඇතුල් කිරීම
JSX හි ටැග සංරක්ෂණය කිරීම
ටැග කිහිපයක් සංරක්ෂණය කිරීම
විවිධ පේළිවල ටැග
ටැග ආපසු ලබා දීම
JSX ටැගවල සංවෘත බව
මාර්ක්අප් හි නිවැරදි බව
JavaScript කේතය ක්රියාත්මක කිරීම
තත්ත්වයන්
JSX හි තත්ත්වයන්
තත්ත්වය මත පදනම්ව පෙන්වීම
ටැගයක් ආපසු ලබා දීම සඳහා තත්ත්වයන්
JSX හි ත්රික අංග ක්රියාකරු
JSX හි && ක්රියාකරු භාවිතා කිරීම
කෙටි තත්ත්වයන් සඳහා ආපසු හැරවීම
ශ්රිත
ශ්රිත භාවිතය
ටැග් තුළ ශ්රිත කැඳවීම
හසුරුවන්නන් සවි කිරීම
හසුරුවන්නන්ගේ පරාමිතීන්
Event වස්තුව
පරාමිතීන් සමඟ Event වස්තුව
ටැග් සෑදීම
ටැග් අරාව
ලූපයක ඇති ටැග් අරාව
දත්ත අරාවකින් ටැග්
අරාවක යතුරු
වස්තූන්ගේ අරාව
id හරහා යතුරු
වස්තූන්ගේ අරාවකින් වගුව
යුනික් ID
සාකච්ඡාව
අලුත් ID සමග ඇති ගැටළු
ID සඳහා අහඹු ස්ට්රිං
ID ජනනය
ID ජනනය සඳහා ශ්රිතය
ID ශ්රිතය භාවිතා කිරීම
ශ්රිතය වැරදි ලෙස භාවිතා කිරීම
තත්වයන්
පෝරම
ඉන්පුට් සමග වැඩ කිරීම
ප්රතිදානය කරන විට ඉන්පුට් දත්ත වෙනස් කිරීම
ශ්රිතයක් භාවිතයෙන් දත්ත වෙනස් කිරීම
බහු ඉන්පුට් සමග වැඩ කිරීම
පෝරම දත්ත සකස් කිරීම
textarea සමග වැඩ කිරීම
චෙක්බොක්ස් සමග වැඩ කිරීම
චෙක්බොක්ස් සහ කොන්දේසි සහිත රෙන්ඩර් කිරීම
සෙලෙක්ට් සමග වැඩ කිරීම
අරාවකින් සෙලෙක්ට් අයිතම
සෙලෙක්ට් එකේ value ගුණාංග
අරාවකින් සෙලෙක්ට් value ගුණාංග
radio සමග වැඩ කිරීම
පෙරනිමි අගයන්
අරාවකට ඉන්පුට් බැඳීම
වස්තුවකට ඉන්පුට් බැඳීම
දත්ත
හැඳින්වීම
රියැක්ටිව් අරාවට එකතු කිරීම
රියැක්ටිව් අරාව ක්රියා
රියැක්ටිව් වස්තු අරාවට එකතු කිරීම
රියැක්ටිව් වස්තු අරාව ක්රියා
රියැක්ටිව් දත්ත පෙන්වීම
සංරචක
සංරචක හැඳින්වීම
සංරචක භාවිතය
සංරචකයේ බහු අනුලකුණු
සංරචක ප්රොප්ස්
දරු සංරචක
දරු සංරචක සෑදීමට අරාව
ලූපයක දරු සංරචක
දරු සංරචකවලට තත්වයන් යොමු කිරීම
සංරචකයකට id යොමු කිරීම
ප්රජනකයේ තත්වය වෙනස් කිරීම
ප්රජනකයේ තත්වය සංස්කරණය කිරීම
ප්රජනක ප්රජනකයේ තත්වය සංස්කරණය කිරීම
තත්වයන් හරහා ක්රියාකාරී ආකාර
සංකල්ප
ස්ටයිල් කිරීම
React හි ස්ටයිල් කිරීමේ ක්රම
ගෝලීය CSS
වස්තුවකින් style ගුණාංගයට දත්ත ඇතුළත් කිරීම
වෙනම ගොනුවකින් style ගුණාංගයට දත්ත ඇතුළත් කිරීම
style ගුණාංගයේ CSS ස්ටයිල සමඟ වැඩ කිරීම
විචල්යයන්ගෙන් style ගුණාංගයට දත්ත ඇතුළත් කිරීම
Styled Components
Styled Components හි props
Styled Components හි props සහ කොන්දේසි සහිත රෙන්ඩර් කිරීම
විස්තීර්ණ ස්ටයිල් කරන ලද සංරචක
CSS modules සමඟ වැඩ කිරීම ආරම්භ කිරීම
CSS modules සමඟ වැඩ කිරීම දිගටම කරගෙන යාම
වර්ග සඳහා composes විධානය
ගොනු සඳහා composes විධානය
