Buradasın
React Native Uygulamasında Local Storage ve Router Kullanımı Eğitimi
youtube.com/watch?v=RbUp_yaJgTwYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Abdurrahman adlı bir eğitmen tarafından sunulan React Native uygulama geliştirme eğitim serisinin bir parçasıdır.
- Eğitim, uygulamanın oturum yönetimi için local storage kullanımı ve Navigator yerine Router Flux router'ının nasıl kullanılacağını anlatmaktadır. İlk bölümde local storage ile oturum doğrulama sistemi oluşturma ve otomatik yönlendirme gösterilirken, ikinci bölümde React Router ile değişkenlerle ilgili yapılandırma, navigasyon işlemleri ve geri butonlarının yönetimi anlatılmaktadır.
- Eğitim, bir serinin sonu olarak sunulmuş olup, izleyicilerin sorularını yanıtlayacağı belirtilmiştir. Ayrıca, Router Flux'ın Navigator'a göre avantajları ve dökümandaki API configuration bölümünden nasıl bilgi edinebileceğimiz de açıklanmaktadır.
- Local Storage ve Navigator Kullanımı
- Local storage, kullanıcı uygulamayı kapattıktan sonra tekrar açtığında login'e gitmesine gerek kalmaması için kullanılır.
- Navigator yerine topluluğun geliştirdiği Flux adında bir router kullanılacak çünkü Flux'da navigator'da bulunmayan bazı özellikler bulunuyor.
- Flux, navigasyon sırasında geri tuşuna basıldığında maile yönlendirme gibi sorunları engelleyebiliyor.
- 01:26Kullanıcı Doğrulama Sistemi
- Kullanıcı doğrulama kontrolü için asenkron bir fonksiyon oluşturuluyor ve session ticket (oturum takısı) kontrol ediliyor.
- Asenkron fonksiyon, JavaScript'in asenkron programlama özelliğine dayanarak request işlemlerini bekleyip diğer işlemlere devam etmesini sağlıyor.
- Oturum doğrulama için set fonksiyonu oluşturuluyor ve kullanıcı giriş yaptığında bu fonksiyon çalıştırılıyor.
- 07:03Start Sayfası ve Yönlendirme
- Start sayfasında kullanıcı giriş yaptığında kontrol ediliyor ve oturum takısı varsa kullanıcı main sayfasına yönlendiriliyor.
- Oturum takısı yoksa kullanıcı maile yönlendiriliyor.
- Oturum takısı string'e çevrilerek doğru şekilde kullanılabiliyor.
- 12:46Router Flux Kullanımı
- Navigator element yerine React Native Router Flux kullanılması gerekiyor.
- Router Flux, Google'da arama yapılarak indirilebiliyor ve kullanımı oldukça basit.
- Router Flux ile sayfalar oluşturuluyor ve navigation işlemleri daha kolay hale geliyor.
- 15:55Router Yapılandırması ve Değişkenler
- Oluşturulacak değişkenlerle ilgili önemli bilgiler paylaşılmaktadır.
- Start sayfasına giriş yapılmaması gerektiği belirtilmektedir.
- Eski navigatörlerin silinmesi gerektiği, aksi takdirde aynı sayfada kalınacağı açıklanmaktadır.
- 17:13Geri Butonu ve Reset İşlemi
- Geri butonunun iptal edilmesi için "reset" komutu kullanılmaktadır.
- Dökümanda tüm nesnelerin etkinlikleri ve çeşitli fonksiyonlar bulunmaktadır.
- Login ve mail sayfalarına gittiğinde geri dönmesini engellemek için "type reset" komutu kullanılmaktadır.
- 19:05Navigasyon ve Tasarım Sorunları
- Navigasyon sayfasında üst tarafta görünmesi için "h=true" değeri kullanılması gerektiği belirtilmektedir.
- Dökümanda kit navbar'ın navigasyonu gizlediği açıklanmaktadır.
- Navigasyonu gizlemek yerine üst taraftan boşluk atmak için margin top kullanılabilir.
- 20:03Video Kapanışı
- Giriş yapıldıktan sonra kaydedileceği belirtilmektedir.
- Anlaşılmayan noktalar için soru sorulması ve yanıtlanacağı söylenmektedir.
- Seride bitirildiği ve ileriki senelerde görüşmek üzere veda edildiği ifade edilmektedir.