ReactPro

webapsolution

Reklam içerir

Bu uygulama hakkında

ReactPro, yeni başlayanlardan ileri düzey kullanıcılara kadar React.js meraklıları için tasarlanmış, Google Play Store'da bulunan kapsamlı bir öğrenme uygulamasıdır. Bileşenler, durum, donanımlar ve kancalar gibi temel kavramları kapsayan ve bağlam API'si, performans optimizasyonu gibi konulara ilerleyen adım adım eğitimler sunar. ReactPro'nun kullanıcı dostu arayüzü ve yapılandırılmış kursları, onu hareket halindeyken React.js'de uzmanlaşmak için ideal bir kaynak haline getiriyor.

Bu React.js eğitiminin konularının listesi:

1. React'a Giriş
- React nedir?
- React'ın temel özellikleri (Bileşenler, JSX, Virtual DOM)
- React Kurulumu (React Uygulaması Oluşturun)

2. JSX: JavaScript XML'i
- JSX sözdizimi ve kullanımı
- İfadeleri JSX'e yerleştirme
- JSX'in oluşturulması

3. React'taki Bileşenler
- İşlevsel ve Sınıf bileşenleri
- Bileşenleri oluşturma ve işleme
- Bileşen yapısı ve yeniden kullanılabilirlik

4. Sahne Aksesuarları
- Verileri sahne donanımı kullanarak bileşenlere aktarma
- Prop doğrulama
- Varsayılan aksesuarlar

5. Durum ve Yaşam Döngüsü
- 'useState' ile bileşen durumunu yönetme
- Durum güncelleniyor
- Yaşam döngüsü yöntemlerini (sınıf bileşenleri için) ve kancaları ('useEffect' gibi) anlama

6. Olayları Ele Alma
- Etkinlik dinleyicileri ekleme
- Kullanıcı girişi ve olaylarını yönetme
- Olay işleyicilerini bağlama

7. Koşullu Oluşturma
- Öğelerin koşullu olarak oluşturulması
- JSX'te if/else ifadelerini ve üçlü operatörleri kullanma

8. Listeler ve Tuşlar
- React'ta listelerin oluşturulması
- Dinamik içeriği görüntülemek için `map()` işlevini kullanma
- React listelerinde anahtarların önemi

9. React'taki Formlar
- Kontrollü ve Kontrolsüz bileşenler
- Form girişlerini yönetme
- Form gönderimi ve doğrulama

10. Durumu Kaldırma
- Bileşenler arasında durum paylaşımı
- Durumun ortak bir ataya yükseltilmesi

11. Yönlendiriciyi Tepki Et
- Navigasyon için React Router'ı kurma
- Rotaları ve bağlantıları tanımlama
- İç içe rotalar ve rota parametreleri

12. Kancalara Genel Bakış
- React kancalarına giriş
- Yaygın kancalar: `useState`, `useEffect`, `useContext`
- Özel kancalar (isteğe bağlı)

13. React'ta Stil Verme
- Satır içi stil
- CSS stil sayfaları ve modülleri
- JS'de CSS kitaplıkları (ör. stilize bileşenler)

14. Temel Hata Ayıklama ve Geliştirici Araçları
- React Geliştirici Araçlarını Kullanmak
- Yaygın hatalarda hata ayıklama

15. React Uygulamasını Dağıtma
- Üretim için uygulamayı oluşturma
- Dağıtım seçenekleri (Netlify, Vercel, GitHub Sayfaları)

Bu, temel kavramları kapsayacak ve birisinin React!'i kullanmaya başlamasını sağlayacaktır.



Gelişmiş konular:
16. Bağlam API'si ve Durum Yönetimi
- React Context API'yi Anlamak
- Pervane sondajını önlemek için Bağlamın kullanılması
- Bağlam ve durum yönetimi kitaplıkları (Redux, MobX)
- Durum yönetimi kütüphaneleri ne zaman ve neden kullanılmalı?

17. Gelişmiş Kancalar
- Karmaşık durum yönetimi için "useReducer"a ayrıntılı bakış
- Performans optimizasyonu için "useMemo" ve "useCallback" kullanımı
- DOM manipülasyonu ve kalıcılığı için 'useRef'i anlama ve kullanma
- Yeniden kullanılabilir mantığı kapsüllemek için özel kancalar oluşturma

18. Yüksek Dereceli Bileşenler (HOC)
- Yüksek Dereceli Bileşenleri Anlamak
- İşlevselliği geliştirmek için HOC'ler oluşturma
- Kullanım örnekleri ve en iyi uygulamalar
- Render Props'larıyla Karşılaştırma

19. Sahne Desenini Oluşturun
- İşleme Nesneleri nedir?
- Render desteğiyle bileşenler oluşturma ve kullanma
- HOC'lere karşı render prop'ları ne zaman kullanılmalı?

20. Hata Sınırları
- React'ta Hata Sınırlarını Anlamak
- 'ComponentDidCatch' kullanarak hata sınırlarının uygulanması
- React'teki en iyi uygulamaların işlenmesinde hata oluştu

Yenilikler

React js basic to advanced