React Öğren - Kodlama Kursu

Yazarak React öğrenin. Bu React JS eğitimi, ilk JSX satırınızdan Hooks, durum yönetimi ve eksiksiz uygulamalara kadar size rehberlik eder; yazdığınız her bileşen, canlı önizlemede doğrudan telefonunuzda işlenir.

88 kurs ve A1 ile C1 seviyeleri arasında 324 etkileşimli ders. Kısa bir kavram açıklaması okuyun, gerçek kod yazın, Çalıştır'a dokunun ve sonucu görün. Dizüstü bilgisayara veya kuruluma gerek yok.

TELEFONUNUZDA KOD YAZIN

• JSX için tasarlanmış, bileşeninizi uygulamanın içinde işleyen canlı önizlemeli bir kod editörü

• Çalışma ortamı (ReactDOM ve Babel) uygulamaya dahil edilmiştir; böylece kodunuz bir sunucuda değil, cihazda çalışır

• Çok dosyalı projeler: Gerçek uygulamaların oluşturulma biçiminde bir bileşeni diğerine içe aktarın

• İşlenmiş düğmenize dokunun, formunuza yazın ve kullanıcı arayüzünün tepki vermesini izleyin

LABORATUVAR

• Hooks Lab: Her durum değişikliğini ve her yeniden işlemeyi gerçekleştiği anda görün

• Props düğmeleri: Bir prop'u kaydırıcıyla değiştirin ve bileşenin güncellenmesini izleyin

• İşleme profili ve durum zaman çizelgesi (Pro): Hangi bileşenin neden yeniden işlendiğini bulun, ardından durumunuzda geriye gidin

ADIM ADIM, BAŞLANGIÇTAN İLERİ DÜZEYE

• Temeller: JSX, bileşenler, props, durum, olaylar, listeler ve anahtarlar, koşullu işleme

• Hooks: useState, useEffect, useRef, useReducer, özel Hooks, useLayoutEffect ve daha fazlası

• Formlar ve doğrulama, React Hook Form, kontrollü ve kontrolsüz girdiler

• Durum yönetimi: Context, Redux Toolkit ve RTK Query, Zustand ve Jotai

• React Router, veri getirme, TanStack Query, SWR ve iyimser kullanıcı arayüzü

• TypeScript, test, Storybook, erişilebilirlik ve güvenlik

• Performans: anımsama, kod bölme, Suspense, geçişler, sanallaştırılmış listeler

• React 19 ve Server Components, SSR ve hydration, akış

• Next.js App Router, veri getirme ve kimlik doğrulama

• Web geliştiricileri için React Native temelleri

• Dağıtım, mikro ön yüzler ve modül federasyonu

GERÇEK PROJELER OLUŞTURUN

20 rehberli proje, her seferinde küçük bir adımla: beğen düğmesi, profil kartları, bahşiş hesaplayıcı, bilgi yarışması oyunu, kronometre, kayıt formu, alışveriş sepeti, görsel karuseli, sayfalandırılmış liste, yapılacaklar uygulaması ve daha fazlası. Her adım, devam etmeden önce bileşeninizin gerçekten çalıştığını kontrol eder.

PEKİŞENE KADAR PRATİK YAPIN

• Hooks, işleme, formlar, Context ve performans konularında 30 kodlama görevi (kolay, orta ve zor)

• UI Match: Hedef bir bileşeni yeniden oluşturun ve yapı, stil ve metin için puan alın

• Bug Hunt: Bozuk bir bileşendeki hatayı bulun ve düzeltin

• Component Recall: Aralıklı tekrarla, zaten çalışır hâle getirdiğiniz koda eksik parçayı yeniden yazın

• 50 soruluk testler, 50 mülakat sorusu ve kısa başvuru kılavuzu

• Günlük meydan okuma, seriler, XP ve liderlik tablosu

AI MENTOR (PRO)

Bir Hook veya hata karşısında takıldınız mı? Açık bir açıklama için AI mentoruna sorun, AI'ın kodunuzu inceleyip bir düzeltme önermesine izin verin veya herhangi bir konuda özel bir ders oluşturun.

SERTİFİKA (PRO)

Final sınavını geçin ve paylaşabileceğiniz bir sertifika kazanın.

ÜCRETSİZ VE PRO

Ücretsiz: ilk kurs, bir rehberli proje, 2 kodlama görevi, canlı önizlemeli kod editörü, Hooks Lab, props düğmeleri, Bug Hunt ve günde 3 UI Match kontrolü. Ücretsiz sürüm reklam gösterir.

Pro: 88 kursun tamamı, tüm projeler ve görevler, AI mentor, işleme profili ve durum zaman çizelgesi, sertifika sınavı ve reklamsız kullanım.

Uygulama 22 dilde kullanılabilir.

React, Meta Platforms, Inc. şirketinin ticari markasıdır. Next.js, Vercel, Inc. şirketinin ticari markasıdır. Bu, Meta veya Vercel ile bağlantılı olmayan ya da onlar tarafından desteklenmeyen bağımsız bir öğrenme uygulamasıdır.

Gizlilik Politikası: https://www.coddykit.com/terms/privacy-policy