ReactPro

webapsolution

දැන්වීම් අඩංගුය

මෙම යෙදුම ගැන

ReactPro යනු ආරම්භකයින්ගේ සිට උසස් පරිශීලකයින් දක්වා React.js ලෝලීන් සඳහා නිර්මාණය කර ඇති Google Play Store හි විස්තීර්ණ ඉගෙනුම් යෙදුමකි. එය සන්දර්භය API, කාර්ය සාධන ප්‍රශස්තිකරණය වැනි මාතෘකා වෙත ඉදිරියට යාම, සංරචක, තත්වය, මුක්කු, සහ කොකු වැනි මූලික සංකල්ප ආවරණය කරන පියවරෙන් පියවර නිබන්ධන ඉදිරිපත් කරයි. ReactPro හි පරිශීලක-හිතකාමී අතුරුමුහුණත සහ ව්‍යුහගත පාඨමාලා එය ගමනේ දී React.js ප්‍රගුණ කිරීම සඳහා කදිම සම්පතක් බවට පත් කරයි.

මෙන්න මෙම React.js නිබන්ධනයේ මාතෘකා ලැයිස්තුව:

1. ප්රතික්රියාව හැඳින්වීම
- ප්රතික්රියාව යනු කුමක්ද?
- ප්‍රතික්‍රියා වල ප්‍රධාන ලක්ෂණ (Components, JSX, Virtual DOM)
- ප්‍රතික්‍රියා ස්ථාපනය කිරීම (ප්‍රතික්‍රියා යෙදුම සාදන්න)

2. JSX: JavaScript XML
- JSX සින්ටැක්ස් සහ භාවිතය
- JSX හි ප්‍රකාශන කාවැද්දීම
- JSX විදැහුම්කරණය

3. ප්රතික්රියාවේ ඇති සංරචක
- ක්‍රියාකාරී එදිරිව පන්ති සංරචක
- සංරචක නිර්මාණය සහ විදැහුම්කරණය
- සංරචක ව්යුහය සහ නැවත භාවිතා කිරීමේ හැකියාව

4. මුක්කු
- මුක්කු භාවිතයෙන් සංරචක වෙත දත්ත යැවීම
- මුක්කු වලංගුකරණය
- පෙරනිමි මුක්කු

5. රාජ්ය සහ ජීවන චක්රය
- 'useState' සමඟ සංරචක තත්ත්වය කළමනාකරණය කිරීම
- තත්වය යාවත්කාලීන කිරීම
- ජීවන චක්‍ර ක්‍රම (පන්ති සංරචක සඳහා) සහ කොකු ('useEffect' වැනි) අවබෝධ කර ගැනීම

6. සිදුවීම් හැසිරවීම
- සිදුවීම් සවන්දෙන්නන් එකතු කිරීම
- පරිශීලක ආදානය සහ සිදුවීම් හැසිරවීම
- බන්ධන සිදුවීම් හසුරුවන්න

7. කොන්දේසිගත විදැහුම්කරණය
- කොන්දේසි සහිත අංග විදැහුම්කරණය
- JSX හි if/else ප්‍රකාශ සහ ත්‍රිත්ව ක්‍රියාකරුවන් භාවිතා කිරීම

8. ලැයිස්තු සහ යතුරු
- ප්‍රතික්‍රියා වල ලැයිස්තු විදැහුම්කරණය
- ගතික අන්තර්ගතයන් පෙන්වීමට 'සිතියම()' ශ්‍රිතය භාවිතා කිරීම
- ප්රතික්රියා ලැයිස්තු වල යතුරු වල වැදගත්කම

9. ප්රතික්රියා වල ආකෘති
- පාලනය කළ එදිරිව පාලනය නොකළ සංරචක
- ආකෘති ආදාන හැසිරවීම
- පෝරමය ඉදිරිපත් කිරීම සහ වලංගු කිරීම

10. තත්ත්වය ඉහළට එසවීම
- සංරචක අතර තත්වය බෙදාගැනීම
- පොදු මුතුන් මිත්තෙකු දක්වා තත්ත්වය එසවීම

11. ප්රතික්රියා රවුටරය
- සංචලනය සඳහා ප්‍රතික්‍රියා රවුටරය සැකසීම
- මාර්ග සහ සබැඳි නිර්වචනය කිරීම
- කැදලි මාර්ග සහ මාර්ග පරාමිතීන්

12. කොකු දළ විශ්ලේෂණය
- ප්රතික්රියා කොකු හැඳින්වීම
- පොදු කොකු: `useState`, `useEffect`, `useContext`
- අභිරුචි කොකු (විකල්ප)

13. React හි හැඩගැන්වීම
- පේළිගත මෝස්තරය
- CSS මෝස්තර පත්රිකා සහ මොඩියුල
- CSS-in-JS පුස්තකාල (උදා., මෝස්තර-සංරචක)

14. මූලික නිදොස්කරණය සහ සංවර්ධක මෙවලම්
- ප්රතික්රියා සංවර්ධක මෙවලම් භාවිතා කිරීම
- පොදු දෝෂ නිදොස් කිරීම

15. ප්‍රතික්‍රියා යෙදුමක් යෙදවීම
- නිෂ්පාදනය සඳහා යෙදුම ගොඩනැගීම
- යෙදවීමේ විකල්ප (Netlify, Vercel, GitHub පිටු)

මෙය පදනම් සංකල්ප ආවරණය කරන අතර ප්‍රතික්‍රියා සමඟ යමෙකු ආරම්භ කරනු ඇත!



උසස් මාතෘකා:
16. සන්දර්භය API සහ රාජ්ය කළමනාකරණය
- React Context API අවබෝධ කර ගැනීම
- මුක්කු විදීම වැළැක්වීම සඳහා සන්දර්භය භාවිතා කිරීම
- සන්දර්භය එදිරිව රාජ්‍ය කළමනාකරණ පුස්තකාල (Redux, MobX)
- රාජ්ය කළමනාකරණ පුස්තකාල භාවිතා කළ යුත්තේ කවදාද සහ ඇයි

17. උසස් කොකු
- සංකීර්ණ රාජ්‍ය කළමනාකරණය සඳහා `useReducer` දෙස සවිස්තරාත්මකව බලන්න
- කාර්ය සාධන ප්‍රශස්තකරණය සඳහා `useMemo` සහ `useCallback` භාවිතා කිරීම
- DOM හැසිරවීම සහ නොනැසී පැවතීම සඳහා 'useRef' අවබෝධ කර ගැනීම සහ භාවිතා කිරීම
- නැවත භාවිතා කළ හැකි තර්කනය කැප්සියුලර් කිරීමට අභිරුචි කොකු නිර්මාණය කිරීම

18. ඉහළ අනුපිළිවෙල සංරචක (HOC)
- ඉහළ අනුපිළිවෙලෙහි සංරචක අවබෝධ කර ගැනීම
- ක්‍රියාකාරීත්වය වැඩි දියුණු කිරීම සඳහා HOCs නිර්මාණය කිරීම
- නඩු සහ හොඳම භාවිතයන් භාවිතා කරන්න
- Render Props සමඟ සැසඳීම

19. Render Props Pattern
- Render Props යනු කුමක්ද?
- රෙන්ඩර් මුක්කු සහිත සංරචක නිර්මාණය කිරීම සහ භාවිතා කිරීම
- HOCs එදිරිව render props භාවිතා කළ යුත්තේ කවදාද

20. දෝෂ මායිම්
- ප්‍රතික්‍රියාවේ දෝෂ සීමාවන් අවබෝධ කර ගැනීම
- 'componentDidCatch' භාවිතයෙන් දෝෂ සීමාවන් ක්‍රියාත්මක කිරීම
- ප්‍රතික්‍රියාවේ හොඳම භාවිතයන් හැසිරවීමේ දෝෂයකි

අලුත් මොනවාද

React js basic to advanced