React Native Serüveni #71 | Kullanıcı Giriş İşlemi | #reactnative #mobileapp #project #api #login

Hepinize merhaba dostlarım :) Ben Muhammed Fatih

"React Native Serüveni" yolculuğumuzda siz değerli dostlarımla beraber #mobileapp geliştirme sürecimizde kodladığımız "Gallery App" projesinde yeni bir kısma daha değiniyoruz :). Hazırsanız bugünkü #reactnative teknolojisi ve vitaminlerimizi alalım ve can dostumuz bilgisayarlarımızın başına geçelim :)

Bu bölümde siz değerli dostlarımla beraber "Gallery App" projemizde #login işlemlerini gerçekleştiriyoruz. Bir önceki bölümde kullanıcımız sisteme kayıt olmuş ve bu bilgileri sıkıntısız bir şekilde #database üzerine kayıt etmiştik

Şimdi ise kullanıcımızın bilgilerini giriş ekranındaki forma yazıp "Giriş Yap" butonuna bastığında bu veriler #api tarafına gidiyor, kontrol ediliyor ve eşleşme durumu sağlanıyorsa #token oluşturuluyor. Bu token haricinde de kullanıcı bilgileri bize #response olarak dönüyor. Gelen bilgileri de biz #mobx ile global bir state ayarladığımız için uygulama ana ekranına giriş gerçekleştiriliyor

Bütün bunların haricinde ise tasarımları kodlarken oluşturduğumuz #splash ekranı ile uygulamamız açılırken tekrardan bir "Token" kontrolü yapılıyor. Kullanıcımızın token bilgisi cihaz içerisinde tutuluyorsa ve henüz #expire olmamış ise anasayfa yönlendirme işlemi gerçekleştiriliyor :)

Anlattığım tüm işlemlere ayrıntılı bir şekilde video içerisinden erişebilirsiniz dostlarım :)

Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- Login kısmında "handleSubmit" fonksiyonu içerisine kodlarımızı yazdık
-- Alert kütüphanesinin entegresi ile olası olumlu/olumsuz mesajları ekrana bastırmayı ayarladık
-- Splash ekranında kullanıcımızın giriş durumuna göre anasayfa/login ekranlarına yönlendirme işlemini gerçekleştirdik
-- Tüm bu kodları yazdıktan sonra uygulamamızı test ettik

şeklinde özetleyebiliriz.

İlk başlarda karmaşık veya zor gelebilir dostlarım anlıyorum. Öğrenme süreci içerisinde bu durumlar son derece doğaldır diyebilirim.

İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :)

Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın.

React + Laravel Eğitimleri için:

React Native Eğitimi için:

- Sitelerim -

- Sosyal Medya Hesaplarım -

- React Native kullanıcı girişi
- Mobil uygulama geliştirme rehberi
- React Native ile giriş işlemi
- Kullanıcı doğrulama yöntemleri
- React Native serüveni hakkında
- Mobil uygulama giriş ekranı
- Example app in React Native
- User session management
- React Native tutorial videos
- User interface design
- Login code examples
- React Native development process
- Mobil uygulama kullanıcı deneyimi
- React Native ile uygulama yapımı
- Geliştiriciler için React Native
- Kullanıcı kimlik doğrulama
- React Native projeleri ve ipuçları
- Kullanıcı verisi yönetimi
- Tools for mobile app development
- React Native UI components
- App login procedures
- Form creation in React Native
- User session control
- React Native app development
- Giriş ekranı tasarımı
- Mobil geliştirme için React
- Kullanıcı kaydı ve giriş
- React Native ile güvenlik
- Uygulama geliştirme adımları
- React Native kütüphaneleri

[mfsoftware]

Takıldığınız konuları çekinmeden yazabilirsiniz dostlarım :)