React Native Nedir?

React Native
React Native

React Native, native kullanıcı ara yüzü ögeleriyle birlikte çok platformlu Android ve iOS uygulamaları tasarlanmasını sağlayan özel bir mobil uygulama geliştirme kütüphanesidir. Yani kısaca React Native için Facebook tarafından üretilen, cross-platform mobil uygulama geliştirme olanağı sağlayan bir framework diyebiliriz.

React Native ne zaman çıktı?

React Native’in temelleri JavaScriptCore ile Babel transformatörlerine dayanıyor. Söz konusu platform ilk olarak 2013 yılında Hacathon Projesinde, Facebook tarafından duyurulmuştur.

React Native’in tanıtılması ise 2015 yılı ocak ayında Reactis Konferansında yapılmıştır. Çok geçmeden 2 ay sonra Mart F8 etkinliğinde GitHub üzerinden açılışını yapıyor. React Native sayesinde native uygulamalarda çok etkileyici ara yüzler oluşturabilirsiniz. Kütüphanenin bu özelliği birçok bireysel ve kurumsal projede kullanılmasını sağlamıştır.

Yazılım sektörüne hızlı bir giriş yapan React Native framework’ü Android ve iOS uygulama geliştirmelerini de neredeyse aynı hızla etkilemiştir. Özellikle Android’e uygulama geliştirme desteğini diğer dillerde her zaman yetersiz bulan geliştiriciler hızlı bir React Native’e geçti. Bu geçişle beraber adeta Android platformuna uygulama geliştiren insanlar rahat bir nefes almış oldu. Nedenini soracak olursanız, React Native’in Android Studio gibi bir ortama kıyasla sadece text editor ve buna ek olarak bir emülatör ile daha hızlı ve daha geniş bir geliştirme imkanı sunuyor olması bu durumun ilk nedeni.

React Native ne işe yarar?

React Native sayesinde sadece kendine has dil formatı olan JSX‘i kullanarak hem Android’e hem iOS’a hem Windows’a… vs. birçok platforma uygulama geliştirebilirsiniz. Android ortamına uygulama geliştirirken karşımıza çıkan hatalar Java hataları olurken, iOS ortamına uygulama geliştirirken karşımıza çıkan hatalar Objective-C hataları oluyor fakat kodlarken kullanacağımız dil React. Yani React Native kullanarak, tek bir dil ile hem iOS’a hem Android’e uygulama geliştirebiliyorsunuz. Tabii ki her şey sadece React Native kullanarak olmuyor.

React Native
React Native ile tek bir dil kullanarak birçok platforma çalışabilirsiniz.

React Native bir front-end framework’üdür Yani bilmeyenler için açıklamamız gerekirse front-end; bir uygulamanın ara yüzündeki tasarımsal ve operasyonel işlemlerin tamamını ifade eder. Yani bir front-end framework’ü bu gereksinimlerin tamamını sağlayan bir yapıdır. Back-end ise bir uygulamanın arka planındaki makine öğrenmesi işlemler, veri desteği vs gibi gereksinimleri sağlayan işlemler topluluğudur. React Native front-end’e yönelik bir framework’dür.

Sadece React Native ile mobil uygulama geliştirilebilir mi?

Peki sadece React Native kullanarak bir mobil uygulama geliştirebilir miyiz? Aslında bu tasarlamak istediğimiz uygulamaya bağlı. Yine de sadece React Native kullanarak bunu yapmak çok zor. Güncel mobil uygulamalar sağlam bir back-end, en azından servis desteğinin iyi olmasını istiyor. Neyse ki React Native topluluğu sayesinde birçok back-end servisini destekliyor. React Native firebase, MongoDB, SQLite, MySQL, GraphQL, realm, Flask, NodeJS ve bunlar gibi daha birçok seçenekle back-end desteği verebiliyor.

Bu örnekler içerisinde özellikle realm mobil uygulamalar için tercig edilen bir veri tabanı yönetim sistemi uygulaması. İsterseniz .NET ile WEB API yazarak da uygulamalarınıza hizmet sağlayabilirsiniz. Bu denli çeşitli imkan içerisinde tercih yaparken en çok dikkat etmeniz gereken husus ise geliştirdiğiniz uygulamada hangi back-end hizmetinin daha verimli olacağıdır. Yanlış bir tercih uygulamanızın sorunlu çalışmasına ve emeklerinizin boşa gitmesine neden olabilir.

Bunların yanında React Native Navigation konusunda da başarılı. React Navigation sayesinde React Native uygulamalarında sayfalama yapabiliyoruz. Ayrıca React Navigation’ın kullanımı çok kolay ve tamamen kişiselleştirilebiliyor.

Performansı yüksek kurumsal ya da bireysel mobil uygulamaya sahip olmak isteyen herkes React Native teknolojisini kullanabilir. React Native, her ne kadar hibrit bir framework teknolojisi olsa da hibrit bir teknolojinin çok daha üzerinde bir teknoloji olarak piyasadaki yerini koruyor. Her sektörden ve her alandan farklı ihtiyaçlara yönelik mobil uygulamalarda kolaylıkla kullanılabilir.

React Native’i hangi firmalar kullanıyor?

React Native’in yaratıcısı olan Facebook kendi uygulamasının belli bir kısmının ve Instagram’ın büyük bir kısmının React Native ile geliştirildiğini daha önce paylaşmıştı. Bununla birlikte React Native kullandığını dile getiren diğer firmalar Tesla, Skype, Pinterest, Bloomberg, Wallmart, UberEATS, Discord… Peki bu uygulamalar tamamıyla React Native mi?

React Native
React Native kullanılan uygulamalar.

Geliştirilen bir uygulama baştan sona tek bir dilde, framework’te, daha doğrusu tek bir yapının altında olmak mecburiyetinde değil. Optimizasyon durumları ve daha verimli bir kullanım göz önüne alınınca birden çok framework veya dil kullanarak uygulama geliştirmek daha mantıklı bir çözüm olabiliyor.

Bir uygulamayı baştan sona React Native ile yazmak uygulamanın belli noktalarının eksik kalmasına veya belli noktalarında optimizasyon ve performans sorunlarına neden olabilir. İş bu noktaya vardığında bazı yapıları ortak kullanarak bir uygulama çıkartmak daha akıllıca bir yöntem oluyor. Tek bir framework, tek bir dil veya platform ile ilerlemek zorunda değilsiniz. Geliştireceğiniz uygulama için hangi framework’ler, hangi dil, hangi platform, hangi seçenek daha verimli olacak ise onun tercih edilmesi gerekiyor.

React Native Kurulumu

Öncelikle React Native’i kullanmak için gerekli olan programlara bir göz atalım. NodeJS, Java JDK, Android Studio ve Genymotion başlangıç için yeterli olacaktır. NodeJS sayesinde hem React Native’i ve diğer geliştiricilerin ürettiği paketleri yükleyebileceğiz hem de geliştireceğimiz projelerin server üzerinde çalışmasını sağlayacağız. Java bildiğiniz üzere Android uygulamaların geliştirilmesinde kullanılıyor.

React Native ile oluşturduğumuz her proje de yine arka planda Java ile derlenecek. Android Studio’yu kullanmak bize hem sanal cihazımızı daha optimum çalıştırmayı, hem geliştireceğimiz uygulamaları deploy etmeyi, hem de uygulamamızda native değişiklikler yapmayı sağlayacak. Android Studio’yu kurarken “Perfonmance (Intel ® HAXM)” ve “Android Virtual Device” seçeneklerini seçmeyi unutmayalım.

React Native
Android Studio seçenekleri

Android Studio yüklendikten sonra Configure seçeneğine tıklayıp sonrasında SDK Manager seçeneğini seçmemiz gerekiyor. Açılan yeni pencerede sağ altta yer alan Show Package Details butonuna basarak yüklenebilir paketlerin içeriğini görebiliyoruz. Android SDK Platform 29, Intel x86 Atom_64 System Image ve Google APIs Intel x86 Atom_64 System Image’i seçip Next’e basmamız gerekiyor.

Genymotion sayesinde de geliştireceğimiz projeleri kolayca derlebiliyoruz ve debug edebiliyoruz.

React Native nasıl öğrenilir?

React Native çok yaygın kullanılan bir framework haline geldi ve yaygın kullanılması hakkındaki kaynakların da artmasına neden oluyor. İnternette nasıl öğrenilebileceği ile ilgili React Native dersleri gerek YouTube’da ücretsiz olarak gerek Udemy gibi platformlarda ücretli olarak veriliyor. Bunun yanında GitHub’dan da React Native dersleri almak mümkün. Hem Türkçe hem yabancı dillerde birçok kaynak internette sizleri bekliyor. Tabi ki diğer öğrenme süreçlerinde olduğu gibi React Native’de de yine gördüğünüz bir şeyi uygulamaya geçirmeden tam anlamıyla anlamış olmuyorsunuz. O yüzden tavsiyemiz önce kurulumunu yapıp sonrasında derslerine başlamanız ve adım adım gördüklerinizi uygulayarak ilerlemeniz olacaktır.

Kısacası React Native tek bir dil ile çoklu ortamda uygulama geliştirme kolaylığı olsun, uygulama geliştirme hızı ve topluluk desteği olsun günümüzde bu avantajları sayesinde çokça tercih edilen bir framework haline geldi. Ve bu nedenle React Native’i biliyor olmak sizleri bir adım öteye taşıyacaktır.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir