ReactPro

webapsolution

விளம்பரங்கள் உள்ளன

இந்த ஆப்ஸ் பற்றி

ReactPro என்பது Google Play Store இல் உள்ள ஒரு விரிவான கற்றல் பயன்பாடாகும், இது React.js ஆர்வலர்களுக்காக, ஆரம்பநிலை முதல் மேம்பட்ட பயனர்கள் வரை வடிவமைக்கப்பட்டுள்ளது. இது கூறுகள், நிலை, முட்டுகள் மற்றும் கொக்கிகள் போன்ற முக்கிய கருத்துகளை உள்ளடக்கிய படிப்படியான பயிற்சிகளை வழங்குகிறது, சூழல் API, செயல்திறன் தேர்வுமுறை போன்ற தலைப்புகளுக்கு முன்னேறுகிறது. ReactPro இன் பயனர் நட்பு இடைமுகம் மற்றும் கட்டமைக்கப்பட்ட படிப்புகள் பயணத்தின்போது React.js ஐ மாஸ்டரிங் செய்வதற்கான சிறந்த ஆதாரமாக அமைகின்றன.

இந்த React.js டுடோரியலின் தலைப்புகளின் பட்டியல் இங்கே:

1. எதிர்வினைக்கான அறிமுகம்
- எதிர்வினை என்றால் என்ன?
- எதிர்வினையின் முக்கிய அம்சங்கள் (கூறுகள், JSX, மெய்நிகர் DOM)
- ரியாக்டை நிறுவுதல் (ரியாக்ட் ஆப் உருவாக்கு)

2. JSX: ஜாவாஸ்கிரிப்ட் எக்ஸ்எம்எல்
- JSX தொடரியல் மற்றும் பயன்பாடு
- JSX இல் வெளிப்பாடுகளை உட்பொதித்தல்
- ரெண்டரிங் JSX

3. வினையில் உள்ள கூறுகள்
- செயல்பாட்டு vs வகுப்பு கூறுகள்
- கூறுகளை உருவாக்குதல் மற்றும் வழங்குதல்
- கூறு அமைப்பு மற்றும் மறுபயன்பாடு

4. முட்டுகள்
- முட்டுகளைப் பயன்படுத்தி கூறுகளுக்குத் தரவை அனுப்புதல்
- முட்டு சரிபார்ப்பு
- இயல்புநிலை முட்டுகள்

5. மாநிலம் மற்றும் வாழ்க்கைச் சுழற்சி
- `யூஸ்ஸ்டேட்` மூலம் கூறு நிலையை நிர்வகித்தல்
- நிலையை மேம்படுத்துகிறது
- வாழ்க்கைச் சுழற்சி முறைகளைப் புரிந்துகொள்வது (வகுப்புக் கூறுகளுக்கு) மற்றும் கொக்கிகள் (`useEffect` போன்றவை)

6. நிகழ்வுகளைக் கையாளுதல்
- நிகழ்வு கேட்பவர்களைச் சேர்த்தல்
- பயனர் உள்ளீடு மற்றும் நிகழ்வுகளைக் கையாளுதல்
- பிணைப்பு நிகழ்வு கையாளுபவர்கள்

7. நிபந்தனை ரெண்டரிங்
- நிபந்தனையுடன் கூறுகளை வழங்குதல்
- JSX இல் if/else அறிக்கைகள் மற்றும் மும்முனை ஆபரேட்டர்களைப் பயன்படுத்துதல்

8. பட்டியல்கள் மற்றும் விசைகள்
- ரியாக்டில் ரெண்டரிங் பட்டியல்கள்
- டைனமிக் உள்ளடக்கத்தைக் காண்பிக்க `வரைபடம்()` செயல்பாட்டைப் பயன்படுத்துதல்
- எதிர்வினை பட்டியல்களில் விசைகளின் முக்கியத்துவம்

9. வினையில் படிவங்கள்
- கட்டுப்படுத்தப்பட்ட vs கட்டுப்பாடற்ற கூறுகள்
- படிவ உள்ளீடுகளைக் கையாளுதல்
- படிவம் சமர்ப்பித்தல் மற்றும் சரிபார்த்தல்

10. லிஃப்டிங் ஸ்டேட் அப்
- கூறுகளுக்கு இடையில் நிலையைப் பகிர்தல்
- ஒரு பொதுவான மூதாதையர் வரை மாநிலத்தை உயர்த்துதல்

11. ரியாக்ட் ரூட்டர்
- வழிசெலுத்தலுக்கு ரியாக்ட் ரூட்டரை அமைத்தல்
- பாதைகள் மற்றும் இணைப்புகளை வரையறுத்தல்
- உள்ளமைக்கப்பட்ட வழிகள் மற்றும் பாதை அளவுருக்கள்

12. ஹூக்ஸ் மேலோட்டம்
- எதிர்வினை கொக்கிகள் அறிமுகம்
- பொதுவான கொக்கிகள்: `யூஸ்ஸ்டேட்`, `யூஸ் எஃபெக்ட்`, `யூஸ் கான்டெக்ஸ்ட்`
- தனிப்பயன் கொக்கிகள் (விரும்பினால்)

13. ரியாக்டில் ஸ்டைலிங்
- இன்லைன் ஸ்டைலிங்
- CSS நடைதாள்கள் மற்றும் தொகுதிகள்
- CSS-in-JS நூலகங்கள் (எ.கா., பாணியில்-கூறுகள்)

14. அடிப்படை பிழைத்திருத்தம் மற்றும் டெவலப்பர் கருவிகள்
- ரியாக்ட் டெவலப்பர் கருவிகளைப் பயன்படுத்துதல்
- பொதுவான பிழைகளை பிழைத்திருத்தம்

15. ரியாக்ட் ஆப்ஸை பயன்படுத்துதல்
- உற்பத்திக்கான பயன்பாட்டை உருவாக்குதல்
- வரிசைப்படுத்தல் விருப்பங்கள் (Netlify, Vercel, GitHub பக்கங்கள்)

இது அடிப்படைக் கருத்துகளை உள்ளடக்கி, யாரையாவது ரியாக்ட் செய்யத் தொடங்கும்!



மேம்பட்ட தலைப்புகள்:
16. சூழல் API மற்றும் மாநில மேலாண்மை
- எதிர்வினை சூழல் API ஐப் புரிந்துகொள்வது
- முட்டு துளையிடுதலைத் தவிர்க்க சூழலைப் பயன்படுத்துதல்
- சூழல் எதிராக மாநில மேலாண்மை நூலகங்கள் (Redux, MobX)
- மாநில நிர்வாக நூலகங்களை எப்போது, ​​ஏன் பயன்படுத்த வேண்டும்

17. மேம்பட்ட கொக்கிகள்
- சிக்கலான மாநில நிர்வாகத்திற்கான `யூஸ் ரீடூசர்` பற்றிய விரிவான பார்வை
- செயல்திறன் மேம்படுத்தலுக்கு `useMemo` மற்றும் `useCallback` ஆகியவற்றைப் பயன்படுத்துதல்
- DOM கையாளுதல் மற்றும் நிலைத்தன்மைக்கு `useRef` ஐப் புரிந்துகொண்டு பயன்படுத்துதல்
- மீண்டும் பயன்படுத்தக்கூடிய தர்க்கத்தை இணைக்க தனிப்பயன் கொக்கிகளை உருவாக்குதல்

18. உயர்-வரிசை கூறுகள் (HOC)
- உயர்-வரிசை கூறுகளைப் புரிந்துகொள்வது
- செயல்பாட்டை மேம்படுத்த HOC களை உருவாக்குதல்
- வழக்குகள் மற்றும் சிறந்த நடைமுறைகளைப் பயன்படுத்தவும்
- ரெண்டர் ப்ராப்ஸுடன் ஒப்பீடு

19. ரெண்டர் ப்ராப்ஸ் பேட்டர்ன்
- ரெண்டர் ப்ராப்ஸ் என்றால் என்ன?
- ரெண்டர் முட்டுகளுடன் கூறுகளை உருவாக்குதல் மற்றும் பயன்படுத்துதல்
- ரெண்டர் ப்ராப்ஸ் vs HOC களை எப்போது பயன்படுத்த வேண்டும்

20. பிழை எல்லைகள்
- எதிர்வினையில் பிழை எல்லைகளைப் புரிந்துகொள்வது
- `componentDidCatch` ஐப் பயன்படுத்தி பிழை எல்லைகளை செயல்படுத்துதல்
- ரியாக்டில் சிறந்த நடைமுறைகளைக் கையாள்வதில் பிழை

புதிய அம்சங்கள்

React js basic to advanced