Bir Serüven Biter, Başka Bir Serüven Başlar(React-Native’e Giriş) – Turan Yunus
Öncelikle söylemek istiyorum ki, ionic 1.4 teknolojisini kullanırken react-native teknolojisine geçmiş bulunmaktayım.
Neden Ionic teknolojisinı bırakıp React-Native diyorum.
ionic 1.4 ögrendikten sonra ionic 2 ögrenmeye niyetlendim ki, ionic2’deki mükemmel değişim ve typescript’in gelmesiyle biraz zorlanıcaktım.
Bende madem sıfırdan öğrenicem o zaman daha iyi teknolojiler olabilir kaygısıyla araştırmalara başladım. Eğer daha iyisini bulamadığımda kürkçü dükkanı sözü gibi tekrardan ionic’e dönücektim ki araştırmalarım beni hep react-native teknolojisine itti. Biraz araştırdım tam oturmadı derken yazılım sektöründeki önemli isimlerine ionic’mi ? react-native mi ? diye sordum. Nefes almadan direk react-native dediler. Nefes almalarını bekledim belki değişir diye ama yok bu seferde özelliklerini saymaya falan başladılar. 🙂 Bende araştırmalarım sonucundan zaten etkilenmiştim ki, ustalarımın iddaalı konuşmaları beni bir heyecanlandırdı direk giriştim.
-> Ufak bir ipucu veriyorum. Beni etkileyen en önemli olayı,
normalde ionic’de napardık uygulamamızı browser’da görür değişiklikleri yaptıktan sonra browser’ın yenilenmesini beklerdik. Telefon özelliklerini kullanmak için build edip android studio’dan açıp ordan emulatör’den görürdük yani didisinin didisi diyorum artık react-native’den sonra 😀
React-Native’de tamamen değişiklilerimizin sonuçlarını AndroidStudio’nun emulatör’ünden görüyoruz. IOS kullananlar da xCode’un emülatöründen görüyor. Hala mantık oturmadı farkındayım 😀
Hadi React-Native’e başlayalım.
İlk olarak Node.js’yi indiriyoruz. ( indirme link Node.js )
Android Studio’yu kurup daha sonradan yükleme işlemlerini yapıyoruz. ( Android 2 ile gelen emülatör bi harika ddostum 😀 )
Android Studio yükleme işlemlerinde ( SDK MANAGER → Appearance & Behavior → System Settings → Android SDK ) girdikten sonra Android sürümlerinden 6.0 (Marshmallow) ve üstünü kurdum. Bende sorun çıkarmadı sizde de bir sorun olmuyacaktır.
Android Studioyu ilk kurdugum da
” Android SDK Build-Tools 23.0.1 “
uyarısı verdi ve yüklememi istedi bende direk yükledim sorunu çözmüş bulundum.
” Android Avd ” iconuna tıklayıp emulatörümüzü kuruyoruz. 5.0 üzeri herhangi bir teknoloji kuruldugunda problem olmayacaktır.( Ben Nexus 5 kurdum )
Android Studio tarafını tamamen kurmuş bulunduk ve sonraki işlemlere geçiyorum.
Güzel bi editör lazım. Bunun için ” SublimeText 3 “ kullanıyorum ve “Babel” syntax yapısını kurdum. Sublime Text 3 ekranında React-Native syntax kodlarını kullanılır hale getirdik.
Şimdi React-native dosyalarını düzenlemeye başlıyoruz.
Komut(Commond) ekranını açıyoruz .
React-Native kurulumlarına başlıyoruz. İlk olarak bu ‘npm install –g react–native–cli‘ komutu çalıştırıyoruz.
” cd desktop “ yazarak komut ekranında masaüstüne geliyoruz. “cd” komutu dosya içine girme işlemi yapar. ( Şuan masaüstündeyiz)
Komut ekranına ” react-native init ‘Projeninİsmi’ ” kodunu yazıp enterlıyoruz. Sonra yükleme işlemleri için beklemeye alıyoruz kendimizi
Masaüstüne baktığınızda projenizin oluştugunu göreceksiniz.
Herşey tamam, Android Studio’yu kurduk ve emulatörümüzü çalıştırdık ve hazır hale getirdik.
Komut ekranına ” react-native start “ yazıyoruz. Daha sonra emulatör de uygulamımızın başlangıç halini görüyoruz.
Her değişiklik yaptığımız da emülatör’ün üstüne gelip 2 kere “R” tuşuna bastığımızda değişikliklerimizi direk görebiliyoruz ve ionic ile ilginen biri bu yenilikle büyülenebiliyor 😀
Dilimin döndüğü kadar anlatmaya çalıştım, sizlere ufakta olsa yardımcı olabildiysem ne mutlu bana
Önceki makale Ionic Framework Dersleri 19 – Projeyi Telefonda Çalıştırma
Sonraki makale React Native Dersleri 1 – Proje Kurulumu
“Bir Serüven Biter, Başka Bir Serüven Başlar(React-Native’e Giriş)” için 13 yorum
Erdem OFLAZ says:
React native eğitimlerinin devamını bekliyorum. İyi çalışmalar 🙂
Teşekkürler En yakın zamanda geliyor 😀
React native egitim serisini bekliyoruz
İletişim formu çalışmadı, buradan yazıyorum: Merhaba freelance işler yapıyorsanız görüşmek isterim. Skype vb bir Messenger kullanıyorsanız bilgilerinizi verebilir misiniz?
turanyunus34@gmail.com ‘a mail atarak iletişime geçebiliriz
2 Nisan 2017, 17:38
2 Nisan 2017, 21:20
Size tavsiyem eğer imkanınız varsa react native derslerini videolu bir şekilde anlatmanız şu anda Türkçe kaynak yok denecek kadar az ve temellerini anlatan bir kaynağa henüz rastlamadım anladığım kadarıyla siz temelden dersler vereceksiniz bana kalırsa bu dersleri videoya çekip yayınlamanız çok daha iyi olacaktır.
8 Ekim 2017, 01:29
Hocam “Commond” değil “Command” olacak.
raşit şeran says:
6 Temmuz 2018, 03:37
merhaba ben android studioyu beş defa kurdum bir türlü emülatörü çalıştıramadım napabilirim
and you’re just extremely fantastic. I actually like what you’ve obtained right here, certainly like what you’re saying and the best way wherein you are saying it.
26 Eylül 2018, 20:56