Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, kendi şirketinde React Native üzerinde çalışan bir eğitmen tarafından sunulan eğitim serisinin ilk bölümüdür.
- Video, React Native'in ne olduğu, popülerliği ve kullanım alanları hakkında bilgiler vererek başlıyor, ardından kurulum sürecini anlatıyor. Daha sonra React Native'in temel bileşenleri (platform, device, textview, text input, scroll view, dimension, asenkron storage), flex yapısı, fontlar ve animasyonlar gibi tasarım özellikleri tanıtılmaktadır. Ayrıca React Navigation ve Material Tep gibi navigasyon kütüphaneleri, kod düzenleme ayarları ve Android cihazında uygulama çalıştırma süreci de gösterilmektedir.
- Eğitmen, React Native'in temel komutlarını, test yazma yöntemlerini ve Redux gibi state management yapılarını da ele almayı planladığını belirtiyor. Video, bir React Native projesinin nasıl oluşturulduğu ve çalıştırıldığı pratik bir örnekle devam ediyor.
- 00:01React Native Tanıtımı
- React Native, Facebook'un son yıllarda çıkardığı cross platform teknolojilerde popüler bir framework'dür.
- React Native, native kod çıktısı veren Swift ve Java gibi bir uygulama framework'üdür, hibrit uygulama değildir.
- React Native, Instagram, Tesla, Uber ve Adidas gibi global şirketlerin uygulamalarında kullanılmaktadır.
- 02:52React Native Kurulumu
- React Native'in iki kurulum yolu vardır: Expo üzerinden JavaScript ile uygulama yazıp telefonunuza yükleyebilir veya native code yazarak projeler oluşturabilirsiniz.
- Expo, React Native'in uygulama paylaşma platformudur ve uygulamaları QR üzerinden telefonunuza yükleyebilirsiniz.
- Native kod yazarak projeler oluşturmak için Xcode veya benzeri araçlara ihtiyaç duyulur.
- 04:21React Native Projesi Oluşturma
- React Native projesi oluşturmak için "react-native init" komutu kullanılır ve bu komut size her şeyi hazır verir.
- Her yazılan app'ten sonra test yazılması önerilir ve React Native'in kendi önerdiği TestJest kullanılır.
- Redux, React'ta kullanılan state management yapısıdır ve state'leri belli bir yerde toplayarak her yerde kolayca erişilebilir hale getirir.
- 07:23Proje Yapısı ve Çalıştırma
- React Native projesi kurulduğunda Android ve iOS klasörleri, Node.js klasörü ve gerekli paketler otomatik olarak oluşturulur.
- Proje, React Native komutları ile veya Visual Studio Code üzerinden çalıştırılabilir.
- React Native'de temel komutlar arasında "react-native run-ios" ve "react-native run-android" bulunmaktadır.
- 12:12React Native Temel Yapısı
- React Native, iOS ve Android platformları için cross-platform bir uygulama geliştirme aracıdır.
- Platform bilgileri, CSS benzeri tasarım özellikleri, TextView, TextInput, ScrollView gibi mobil native bileşenler ve asenkron storage gibi özellikler sunar.
- React Native'de tam CSS yazmak yerine, flex yapısı, flex direction gibi tasarım özellikleri kullanılarak tasarım yapılabilir.
- 14:47React Native Özellikleri
- Mobil uygulamalarda olmazsa olmazlardan biri sayfalar arası geçişler için navigation'lardır.
- React Navigation, sayfalar arası geçişler için kullanılan popüler bir kütüphanedir.
- Material Tep, yeni trendlerden biri olan ve React Native'de kullanılabilen bir kütüphanedir.
- 16:24Kod Düzenleme ve Geliştirme
- Kodları formatlamak için settings altında text editör ayarları yapılabilir.
- Değişiklikler kaydedildikten sonra jet command r ile uygulama yeniden yüklenir.
- Debug modunda konsolda loglar görüntülenebilir ve live reload özelliği ile değişiklikler anında uygulanabilir.
- 19:18Android Kurulumu ve Performans
- React Native, native bileşenler eklenmesiyle performanslı uygulamalar oluşturmayı sağlar.
- Animasyonların başarısı ve publish başarısı da React Native'in avantajlarından biridir.
- Android için kurulum için virtual device kurulumu ve x864 SDK indirilmesi gerekmektedir.