React Native

Mustafa Hastürk

Kim?

muhasturk

mustafahasturk.commuhasturk

Mustafa Hastürk İstanbul Üniversitesi

Bilgisayar Mühendisliği

Mobil Uygulama Türleri

Native Uygulamalar Hibrid Uygulamalar

Performans ve ölçeklenebilir Tek kod kaynağı

Günümüzdeki Hibrid Uygulama Çatıları

…

• Cordova (a.k.a PhoneGap)

• Ionic Framework

…

Framework

• AngularJS • Hybrid Framework (Cordova) • Gelişmiş dökümantasyon • Topluluk (Google)

http://ionicframework.com/ https://github.com/driftyco/ionic

React.js• Facebook • UI Library • Virtual DOM • Component based architecture • Performance

https://facebook.github.io/react/ https://github.com/facebook/react

React Native

• Facebook • Performans ön planda • Tamamen native • Tamamen javascript

• JS component -> native component • LiveReload • Chrome ve Safari ile debug • Flexbox • 3. parti js kütüphaneler

underscore, vs.

React Native

React Native vs. Hibrid

Bir kere öğren bir çok zaman ve yerde kullan

React

Bir kere yaz ve her yerde kullan

Hybrid

Hızla Büyüyen React Native Trendi

Stars

0 4.250 8.500 12.750 17.000

16.047

13.685

React Native Ionic

20 Ağustos 2013 Ionic

29 Ocak 2015 React Native

İlk Commit

Hızla Büyüyen React Native Trendi

20 Ağustos 2013 Ionic

29 Ocak 2015 React Native

İlk Commit

Contributors

0 45 90 135 180

171

140

React Native Ionic

React Native UygulamalarF8

React Native UygulamalarFacebook Groups

React Native UygulamalarAds Manager

React Native 101

• OSX bir bilgisayar • brew install node watchman flow

Not: flow opsiyonel

• npm i -g react-native-cli • react-native init HarikaProje

DEMO ZAMANI

React Native Endişelerimiz• Bir kere öğrendikten sonra birçok yerde bunu

kullanmak gerekcek (muhtemelen her platforma ayrı kod)

• Dökümantasyon gerçekten yetersiz • OSX zorunluluğu ve sadece iOS uygulama

üretebilme yeteneği • Android, Windows Phone ve FirefoxOS desteği yok • iOS tarafında Objective-C ile yazılmış

React Native’in Geleceği• Açık kaynak • Hızla büyüyen bir topluluk • Facebook • Tamamen native olduğundan performans • Bir kere öğrendikten sonra her platform

için uygulayabilme rahatlığı

Kaynaklar• React Native websitesi https://facebook.github.io/react-native/ • F8 konferans videoları http://j.mp/introducing-react-native-2015-conf http://j.mp/deep-dive-into-react-native-2015-conf • Egghead.io https://egghead.io/technologies/react • Üstün Özgür’ün Türkçe videosu http://j.mp/react-native-ustun-ozgur-2015 • DevDactic http://j.mp/react-native-for-beginners-devdactic

Mustafa Hastürk

muhasturk

http://mustafahasturk.com/

muhasturk

Teşekkürler