React Native'de İlk Uygulama

Burada, uygulamamda kullandığım bazı yararlı kitaplıkları ve araçları vereceğim.

• React Native uygulama geliştirmeye başladığımızda öncelikle Expo veya CLI gibi bir çalışma ortamına karar vermemiz gerekiyor .
• Öyleyse, CLI ile başlayalım…
  - Uygulamamda CLI kullandım ve CLI'yi tercih ediyorum çünkü expo'da kütüphaneler ve diğer bazı sıkışmış kısımlar için bazı sınırlamalarımız olabilir.
  - iOS için Xcode'u kurmanız ve Android için Android Studio'ya ihtiyacınız var.
  - Referans :https://reactnative.dev/docs/environment-setup
• Daha sonra geliştirme aracına (IDE) karar vermeliyiz. Aynı için birçok seçeneğimiz var. ancak Visual Studio Code'u tercih ediyorum çünkü uygulama geliştirmek için çok hafif bir araç.
• Proje yapısı:
  herhangi bir yazılım geliştirme için en önemli kısımdır. Küresel olarak birçok projemiz ve dizin yapımız var, bu nedenle en basit ve anlaşılır yapıyı kullanın, hata tespiti ve geliştirme için kolay olacaktır. (Bakım ve Erişilebilirlik)
• Durum yönetimi: Tepki için yerel en basit cevap Redux'tur ve uygulanması ve durum yönetimi kolaydır.

Daha az üçüncü taraf paketi kullanın ve performansı artırmak için kendi özel bileşenlerini veya yardımcı program yapısını yapın.

Örnek: Başlarken giriş alanları için bazı doğrulama kitaplıkları denedim ama sonra "neden bu kitaplıkların sağladığı başka olağandışı işlevleri kullanıyorum?" diye düşündüm. çünkü kütüphanelerde uygulamamız için uygun ve kullanışlı olmayan bazı özellikler olabilir, o zaman bunun için kendi araçları geliştirmenizi tavsiye ederim.

• Navigasyon: geliştirme zamanında navigasyon işlemi ile bir düzeyde takıldım,
• çünkü yerel tepkide gezinme için birden fazla paketimiz var, ancak bunlardan bazıları kullanışlı, bazıları değil.
  - Bu nedenle, uygulama gereksinimlerimize göre hangisinin en iyi olduğuna karar vermeliyiz.
  - Burada navigasyon akışı için React-Navigation kullandım .
  -https://reactnavigation.org/docs/getting-started
• API Hizmeti: Ben tercih daha biz 2 veya 3 web hizmeti çağrısı varsa getir en iyi seçenektir.
  - Ama bundan daha fazlasına sahipsek , o zaman Axios'u seçmeyi tercih ederim . Axios, hataları olduğu kadar yanıtı da kolayca tanımlayabilmemiz için en iyi yanıt yapısını ve hata işlemeyi sağlar.
• Sosyal Kimlik Doğrulama:
  Uygulamamda şunları uyguladım:

Facebook'a giriş :

Apple Giriş Yap :

• Açılır menü:
  yerel tepkide açılır paketi aradığınızda, bunun için birçok paket alırsınız.
  Ama bunu tercih ediyorum çünkü kullanımı kolay ve aynı zamanda özelleştirilebilir.
  (ZIndex sorununu araştırmanız yeterlidir, Görünüm sarmalayıcısı ekleyerek çözeceksiniz)
• Ülke ile telefon numarası:
  Ülke seçimi için bu bileşeni Telefon metin giriş alanının yanına eklemeniz yeterlidir. kullanımı kolay ve özelleştirilebilir.
• QR kod taraması:
  Bu kütüphaneyi tam ekran QR Kod taraması için özelleştiriyorum.
• Konum servisleri:
  Bu, kullanıcı konumunu almak içindir:

• Push bildirimi:
  Firebase ve Apple bildirimini yapılandırmanız yeterlidir.
• Grafik:
  Bazı verileri görüntülemek için Pasta grafiğini kullandım.
• Yerel depolama:
• Para birimi dönüştürme:
• Resim Seçici:
• Tarih saat Seçici:
• Dosyayı S3 sunucusuna yükleyin:
• Özel açılış ekranı:
• FlatList Cell'i düğmelerle kaydırın:

Atlamak, uygulamanız için yardımcı olacaktır !!!
Teşekkürler.
Mutlu kodlama :)