ReactPro

webapsolution

Reklam ehtiva edir

Bu tətbiq haqqında

ReactPro Google Play Store-da yeni başlayanlardan tutmuş qabaqcıl istifadəçilərə qədər React.js həvəskarları üçün nəzərdə tutulmuş hərtərəfli öyrənmə proqramıdır. Komponentlər, vəziyyət, rekvizitlər və qarmaqlar kimi əsas anlayışları əhatə edən, kontekst API, performansın optimallaşdırılması kimi mövzulara keçid üçün addım-addım təlimatlar təklif edir. ReactPro-nun istifadəçi dostu interfeysi və strukturlaşdırılmış kursları onu React.js-i yolda mənimsəmək üçün ideal mənbəyə çevirir.

Bu React.js dərsliyinin mövzularının siyahısı:

1. Reaksiyaya giriş
- React nədir?
- React-in əsas xüsusiyyətləri (Components, JSX, Virtual DOM)
- React quraşdırılması (React Tətbiqi Yaradın)

2. JSX: JavaScript XML
- JSX sintaksisi və istifadəsi
- JSX-də ifadələrin yerləşdirilməsi
- JSX göstərilməsi

3. Reaksiyadakı komponentlər
- Funksional vs Sinif komponentləri
- Komponentlərin yaradılması və göstərilməsi
- Komponent quruluşu və təkrar istifadə imkanı

4. Rekvizitlər
- rekvizitlərdən istifadə edərək məlumatların komponentlərə ötürülməsi
- Dəstəyin doğrulanması
- Defolt rekvizitlər

5. Vəziyyət və Həyat dövrü
- `useState` ilə komponent vəziyyətinin idarə edilməsi
- Vəziyyəti yeniləyir
- Həyat dövrü metodlarını (sinif komponentləri üçün) və qarmaqları ("useEffect" kimi) anlamaq

6. Hadisələrin idarə edilməsi
- Hadisə dinləyicilərinin əlavə edilməsi
- İstifadəçi daxiletmələrinin və hadisələrin idarə edilməsi
- Məcburi hadisə işləyiciləri

7. Şərti göstərmə
- Elementlərin şərti olaraq göstərilməsi
- JSX-də if/else ifadələrindən və üçlü operatorlardan istifadə

8. Siyahılar və açarlar
- React-də siyahıların göstərilməsi
- Dinamik məzmunu göstərmək üçün `map()` funksiyasından istifadə
- Reaksiya siyahılarında açarların əhəmiyyəti

9. React-də formalar
- Nəzarət olunan və Nəzarət olunmayan komponentlər
- Forma daxiletmələrinin idarə edilməsi
- Formanın təqdim edilməsi və təsdiqlənməsi

10. Vəziyyəti yuxarı qaldırmaq
- Komponentlər arasında paylaşma vəziyyəti
- Dövləti ortaq əcdada qədər qaldırmaq

11. React Router
- Naviqasiya üçün React Router-in qurulması
- Marşrutların və keçidlərin müəyyən edilməsi
- İç-içə marşrutlar və marşrut parametrləri

12. Qarmaqlara Baxış
- React qarmaqlarına giriş
- Ümumi qarmaqlar: 'useState', 'useEffect', 'useContext'
- Xüsusi qarmaqlar (isteğe bağlı)

13. Reaksiyada üslub
- Daxili üslub
- CSS üslub cədvəlləri və modulları
- JS-də CSS kitabxanaları (məsələn, üslublu komponentlər)

14. Əsas Sazlama və Tərtibatçı Alətləri
- React Developer Tools-dan istifadə
- Ümumi səhvlərin aradan qaldırılması

15. Reaksiya Tətbiqinin Yerləşdirilməsi
- İstehsal üçün tətbiqin qurulması
- Yerləşdirmə seçimləri (Netlify, Vercel, GitHub Səhifələri)

Bu, təməl konsepsiyaları əhatə edəcək və kiminsə React ilə başlamasına kömək edəcək!



Qabaqcıl mövzular:
16. Context API və State Management
- React Context API-i başa düşmək
- Dəstək qazmasının qarşısını almaq üçün Kontekstdən istifadə
- Kontekst və dövlət idarəetmə kitabxanaları (Redux, MobX)
- Dövlət idarəetmə kitabxanalarından nə vaxt və nə üçün istifadə edilməlidir

17. Qabaqcıl qarmaqlar
- Mürəkkəb dövlət idarəetməsi üçün `useReducer`-ə ətraflı baxış
- Performansın optimallaşdırılması üçün `useMemo` və `useCallback` istifadə
- DOM manipulyasiyası və əzmkarlıq üçün `useRef`-i başa düşmək və istifadə etmək
- Yenidən istifadə edilə bilən məntiqi əhatə etmək üçün xüsusi qarmaqların yaradılması

18. Yüksək Sifarişli Komponentlər (HOC)
- Yüksək Sifarişli Komponentləri Anlamaq
- Funksionallığı artırmaq üçün HOC-ların yaradılması
- İstifadə nümunələri və ən yaxşı təcrübələr
- Render Props ilə müqayisə

19. Render Rekvizit Modeli
- Render Props nədir?
- Render rekvizitləri ilə komponentlərin yaradılması və istifadəsi
- HOC-lara qarşı render rekvizitlərindən nə vaxt istifadə edilməlidir

20. Xəta sərhədləri
- Reaksiyada Səhv Sərhədlərini Anlamaq
- `componentDidCatch` istifadə edərək xəta sərhədlərinin həyata keçirilməsi
- React-də ən yaxşı təcrübələri idarə edərkən xəta

Yeniliklər

React js basic to advanced