{"id":14138,"date":"2022-03-30T16:03:07","date_gmt":"2022-03-30T14:03:07","guid":{"rendered":"https:\/\/www.ihs.com.tr\/blog\/?p=14138"},"modified":"2022-03-30T16:03:07","modified_gmt":"2022-03-30T14:03:07","slug":"react-native-nedir","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/react-native-nedir\/","title":{"rendered":"React Native nedir?"},"content":{"rendered":"<p><strong>React Native, ayn\u0131 kod taban\u0131n\u0131 kullanarak<\/strong>\u00a0iOS, Android ve web uygulamalar\u0131 gibi birden \u00e7ok platformda uygulamalar olu\u015fturmak i\u00e7in tasarlanm\u0131\u015f a\u00e7\u0131k kaynakl\u0131 bir JavaScript framework\u2019\u00fcd\u00fcr.\u00a0Temeli React&#8217;e dayan\u0131r ve genel olarak mobil uygulama alan\u0131nda \u00e7ok\u00e7a tercih edilmektedir.<\/p>\n<p>ReactJS (web) ve React Native, Facebook taraf\u0131ndan hayata ge\u00e7irildi.\u00a0React Native, \u015firketin en b\u00fcy\u00fck sorunlu noktas\u0131n\u0131 \u00e7\u00f6zmeyi ama\u00e7layan bir Hackathon projesiydi. Bu sayede Facebook \u00e7at\u0131s\u0131 alt\u0131ndaki uygulamalar i\u00e7in farkl\u0131 \u00e7\u00f6z\u00fcmler \u00fcreterek sorunlar\u0131 \u00e7\u00f6zmek hedeflendi.<\/p>\n<p>React Native, uygulaman\u0131n kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc derlemek i\u00e7in JavaScript&#8217;i kullan\u0131r, ancak i\u015fletim sistemlerine ait g\u00f6r\u00fcn\u00fcmlerini kullan\u0131r. Daha karma\u015f\u0131k \u00f6zellikler i\u00e7in, i\u015fletim sistemine \u00f6zg\u00fc yaz\u0131l\u0131m dillerinde kod uygulamas\u0131na izin verir (iOS i\u00e7in Swift ve Objefctive-C ve Android i\u00e7in Java ve Kotlin).<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_77 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7erik Tablosu<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69fea55d845bf\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\" id=\"ez-toc-cssicon-toggle-item-69fea55d845bf\" aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ihs.com.tr\/blog\/react-native-nedir\/#React-ve-React-Native\" >React ve React Native<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ihs.com.tr\/blog\/react-native-nedir\/#React-Native-nasil-calisir\" >React Native nas\u0131l \u00e7al\u0131\u015f\u0131r?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ihs.com.tr\/blog\/react-native-nedir\/#React-Nativein-Artilari\" >React Native&#8217;in Art\u0131lar\u0131<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ihs.com.tr\/blog\/react-native-nedir\/#React-Nativein-Eksileri\" >React Native&#8217;in Eksileri<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ihs.com.tr\/blog\/react-native-nedir\/#React-Native-ne-icin-kullanilir\" >React Native ne i\u00e7in kullan\u0131l\u0131r?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ihs.com.tr\/blog\/react-native-nedir\/#React-Native-icin-en-iyi-projeler\" >React Native i\u00e7in en iyi projeler<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"React-ve-React-Native\"><\/span><strong>React ve React Native<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>React, web uygulamalar\u0131 i\u00e7in h\u0131zl\u0131 ve g\u00fcvenilir Kullan\u0131c\u0131 Aray\u00fczleri olu\u015fturmak i\u00e7in front-end k\u0131sm\u0131nda kullan\u0131lan a\u00e7\u0131k kaynakl\u0131 bir JavaScript k\u00fct\u00fcphanesidir.\u00a0\u00c7ok fazla yeniden kullan\u0131labilir bile\u015fenlere dayanmaktad\u0131r.<\/p>\n<p>Bahsetti\u011fimiz gibi, y\u0131llar sonra React Native gibi, React de \u00f6l\u00e7eklenebilirlik sorunlar\u0131na do\u011frudan bir cevap olarak 2011 y\u0131l\u0131nda Facebook taraf\u0131ndan hayata ge\u00e7irildi.\u00a0Facebook reklamlar\u0131n\u0131n son derece b\u00fcy\u00fcd\u00fc\u011f\u00fc ve kullan\u0131c\u0131 aray\u00fcz\u00fcndeki s\u00fcrekli g\u00fcncellemelerin platformu \u00f6nemli \u00f6l\u00e7\u00fcde yava\u015flatt\u0131\u011f\u0131 bir d\u00f6nemde\u00a0React bu sorunu \u00e7\u00f6zd\u00fc ve 2012&#8217;de Instagram, Facebook taraf\u0131ndan sat\u0131n al\u0131nd\u0131\u011f\u0131nda uygulamalar\u0131n zaman t\u00fcnelinde de kullan\u0131ld\u0131.<\/p>\n<p>React taraf\u0131ndan desteklenen ve Facebook taraf\u0131ndan geli\u015ftirilen React Native, React&#8217;in do\u011fal bir sonucuydu. JavaScript kullanarak i\u015fletim sistemine \u00f6zg\u00fc yaz\u0131l\u0131m dillerinde geli\u015ftirilenlere i\u015fletim sistemine \u00f6zg\u00fc yak\u0131n uygulamalar olu\u015fturmaya izin veren bir mobil framework\u2019t\u00fcr.<\/p>\n<p>Her iki framework de birbiriyle yak\u0131ndan ili\u015fkilidir, ancak tamamen farkl\u0131 bir amaca hizmet ederler.\u00a0Web geli\u015ftirme i\u00e7in React, mobil geli\u015ftirme i\u00e7in React Native (HTML kullanmayan) kullan\u0131l\u0131r.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React-Native-nasil-calisir\"><\/span><strong>React Native nas\u0131l \u00e7al\u0131\u015f\u0131r?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>React Native&#8217;in uygulaman\u0131n aray\u00fcz\u00fcn\u00fc olu\u015fturmak i\u00e7in JavaScript kulland\u0131\u011f\u0131ndan bahsetmi\u015ftik. Rakiplerinin (\u00f6rne\u011fin IONIC) aksine, React Native web g\u00f6r\u00fcn\u00fcmlerine de\u011fil, i\u015fletim sistemine \u00f6zg\u00fc uygulamalar geli\u015ftirilebilen platformlar taraf\u0131ndan sa\u011flanan materyallere dayan\u0131r. Kullan\u0131ld\u0131\u011f\u0131 platformun g\u00f6r\u00fcn\u00fcmlerine, bile\u015fenlerine yerle\u015fik eri\u015fime sahiptir. Ayr\u0131ca kullan\u0131ld\u0131\u011f\u0131 platform i\u00e7indeki farkl\u0131 dillerde yaz\u0131lm\u0131\u015f kodu kullanabilir ve API&#8217;nin uygulama i\u00e7indeki i\u015fletim sistemine \u00f6zg\u00fc \u00f6zelliklere eri\u015fmesine izin verebilir.<\/p>\n<p>Peki bu tam olarak nas\u0131l oluyor?<\/p>\n<p><strong>React Native, JavaScript ve yerle\u015fik \u00f6\u011feler aras\u0131nda asenkron ileti\u015fime izin veren &#8220;k\u00f6pr\u00fc&#8221; kavram\u0131n\u0131 kullan\u0131r<\/strong>\u00a0&#8211; k\u00f6pr\u00fc kavram\u0131, React Native&#8217;in esnekli\u011finin tam kalbinde yer al\u0131r. Bir platforma ait dildeki \u00f6geler ve JavaScript \u00f6\u011feleri tamamen farkl\u0131 teknolojilerdir, ancak ileti\u015fim kurabilirler.<\/p>\n<p>Bu t\u00fcr mimari,\u00a0<strong>bir\u00e7ok i\u015fletim sisteminin geli\u015ftiricilere sundu\u011fu \u00f6zelliklerini kullanma avantaj\u0131<\/strong>\u00a0sunar, ancak ayn\u0131 zamanda \u00f6nemli zorluklar\u0131 beraberinde getirir;\u00a0\u00f6rne\u011fin uygulama i\u00e7inde k\u00f6pr\u00fclerin s\u00fcrekli kullan\u0131m\u0131, performans\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde yava\u015flatabilir.\u00a0\u00c7ok say\u0131da olay, \u00e7ok fazla veri vb. i\u00e7eren bir uygulama olu\u015fturuyorsan\u0131z, React Native en iyi se\u00e7enek olmayabilir.\u00a0A\u015fa\u011f\u0131da bunun hakk\u0131nda daha fazlas\u0131na de\u011finece\u011fiz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React-Nativein-Artilari\"><\/span><strong>React Native&#8217;in Art\u0131lar\u0131<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>Kodun yeniden kullan\u0131labilirli\u011fi ve daha h\u0131zl\u0131 geli\u015ftirme<\/strong><\/p>\n<p>Ayn\u0131 anda birden fazla platform i\u00e7in etkili geli\u015ftirme, React Native&#8217;in en b\u00fcy\u00fck ve en g\u00fc\u00e7l\u00fc avantaj\u0131d\u0131r.\u00a0Farkl\u0131 platformlar i\u00e7in ayn\u0131 kod taban\u0131n\u0131 kullanman\u0131n ba\u015fka faydalar\u0131 da vard\u0131r: uygulaman\u0131z\u0131n\u00a0<strong>daha h\u0131zl\u0131 geli\u015ftirilmesi<\/strong>\u00a0ve\u00a0<strong>pazara<\/strong>\u00a0sunulmas\u0131, daha kolay ve daha ucuz\u00a0<strong>bak\u0131m<\/strong>\u00a0(birden \u00e7ok kod taban\u0131yla de\u011fil, tek bir kod taban\u0131yla ilgilenirsiniz) ve yeni geli\u015ftiriciler i\u00e7in daha sorunsuz bir kat\u0131l\u0131m s\u00fcreci sa\u011flar.<\/p>\n<p>&#8220;Hot reloading &#8211; S\u0131cak yeniden y\u00fckleme&#8221; \u00f6zelli\u011fi sayesinde React Native, geli\u015ftiricilerin hi\u00e7bir \u015feyi yenilemeye gerek kalmadan koddaki de\u011fi\u015fiklikleri canl\u0131 bir \u00f6nizlemede g\u00f6rmelerini sa\u011flar.\u00a0Bu g\u00f6r\u00fcn\u00fc\u015fte k\u00fc\u00e7\u00fck ince ayar, kod i\u00e7inde de\u011fi\u015ftirilen her \u015feye ger\u00e7ek zamanl\u0131 geri bildirim sa\u011flad\u0131\u011f\u0131 i\u00e7in geli\u015ftirme s\u00fcrecini somut olarak iyile\u015ftirebilir.<\/p>\n<p><strong>Verim\u00a0<\/strong><\/p>\n<p>Di\u011fer platformlar aras\u0131 geli\u015ftirme \u00e7\u00f6z\u00fcmleriyle kar\u015f\u0131la\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda, React Native&#8217;in \u201ck\u00f6pr\u00fc\u201d konsepti devrim niteli\u011finde g\u00f6r\u00fclebilir. React Native uygulamalar\u0131, i\u015fletim sistemine \u00f6zg\u00fc dillerde yaz\u0131lm\u0131\u015f kodun kullan\u0131m\u0131na izin verdi\u011finden, web tabanl\u0131 \u00e7apraz platform \u00e7\u00f6z\u00fcmleri kadar gecikmeli de\u011fildir. Resmi iddia, React Native&#8217;in &#8220;yerel benzeri&#8221; bir performans sa\u011flad\u0131\u011f\u0131d\u0131r, ancak bu her zaman do\u011fru de\u011fildir, bunu s\u00f6ylemenin en iyi yolu, <strong>&#8220;i\u015fletim sistemine uygun uygulama geli\u015ftirme dilleriyle yaz\u0131lm\u0131\u015f uygulamalara&#8221; yak\u0131n bir deneyim<\/strong>\u00a0vermesidir .<\/p>\n<p><strong>Maliyet verimlili\u011fi<\/strong><\/p>\n<p>Maliyet verimlili\u011fi, platformlar aras\u0131 geli\u015ftirmenin as\u0131l nedenidir. Kodun birden \u00e7ok platformda yeniden kullan\u0131lmas\u0131 sayesinde, projeyi teslim etmek i\u00e7in genellikle daha k\u00fc\u00e7\u00fck bir ekibe ihtiyac\u0131n\u0131z olur. Temelde bir yerine iki benzer i\u015fletim \u00fcr\u00fcn\u00fc sunmak i\u00e7in iki ayr\u0131 ekibe ihtiya\u00e7 duydu\u011funuz dillerde geli\u015ftirmenin aksine, React Native proje geli\u015ftirmek i\u00e7in maliyetlerinizin artmas\u0131n\u0131 \u00f6nler.<\/p>\n<p><strong>B\u00fcy\u00fcyen geli\u015ftirici toplulu\u011fu<\/strong><\/p>\n<p>React Native, a\u00e7\u0131k kaynakl\u0131 bir frameworkt\u00fcr ve <strong>toplulu\u011fu geli\u015fiyor ve s\u00fcrekli geni\u015fliyor<\/strong>\u00a0.\u00a0S\u00fcrekli olarak iyile\u015ftirmeler ve framework\u00fc geni\u015fleten unsurlar \u00fczerinde \u00e7al\u0131\u015ft\u0131klar\u0131 i\u00e7in Facebook&#8217;un kat\u0131l\u0131m\u0131n\u0131 unutamay\u0131z.\u00a0Bunun sizin i\u00e7in anlam\u0131, React Native&#8217;de hen\u00fcz \u00e7\u00f6z\u00fclmemi\u015f bir sorunla kar\u015f\u0131la\u015fsan\u0131z bile, framework\u00fc daha kapsaml\u0131 ve istikrarl\u0131 hale getirmekle ilgilendikleri i\u00e7in size yard\u0131m etmeye istekli bir grup insan bulabilirsiniz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React-Nativein-Eksileri\"><\/span><strong>React Native&#8217;in Eksileri<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>Nispeten gen\u00e7 bir teknoloji <\/strong><\/p>\n<p>React Native hala nispeten yeni ve daha \u00f6nce de belirtti\u011fimiz gibi, kesinlikle baz\u0131 s\u0131n\u0131rlamalar\u0131, aksakl\u0131klar\u0131 ve ele al\u0131nmas\u0131 gereken sorunlar\u0131 var.\u00a0<strong>Frameworkte baz\u0131 \u00f6zel mod\u00fcller yoktur<\/strong>, bu da geli\u015ftiricilerin s\u0131f\u0131rdan kendileri i\u00e7in yenilerini olu\u015fturmalar\u0131 ve olu\u015fturmak i\u00e7in daha fazla zamana ihtiya\u00e7 duyabilecekleri anlam\u0131na gelir.<\/p>\n<p><strong>mobil geli\u015ftiricilere duyulan ihtiya\u00e7<\/strong><\/p>\n<p>React Native&#8217;in en g\u00fc\u00e7l\u00fc \u00f6zelli\u011fi &#8211; daha iyi performans i\u00e7in i\u015fletim sistemi ekosistemine uygun kodlar\u0131 da uygulamak, zaman zaman React Native geli\u015ftiricilerinin, mobil uygulama geli\u015ftiricilerinin yard\u0131m\u0131na ihtiya\u00e7 duyabilecekleri anlam\u0131na gelir. Ayn\u0131s\u0131, uygulamay\u0131 AppStore ve Google Play Store&#8217;da yay\u0131nlamak i\u00e7in de ge\u00e7erlidir. Tipik olarak, yerel mobil geli\u015ftiriciler, ba\u015far\u0131l\u0131 bir lansman i\u00e7in prosed\u00fcre ve gerekli belgelere daha a\u015finad\u0131r.<\/p>\n<p>React Native ekibine yard\u0131m edebilecek ve platformlara \u00f6zg\u00fc dillerde mobil geli\u015ftiricilerin bulundu\u011fu bir ajansla i\u015fbirli\u011fi yap\u0131yorsan\u0131z bu sorun olmayabilir. Ancak, yaln\u0131zca kendi platformlar aras\u0131 ekibinizle \u00e7al\u0131\u015f\u0131rken kesinlikle dikkate al\u0131nmas\u0131 gereken bir \u015feydir.<\/p>\n<p><strong>React Native, karma\u015f\u0131k tasar\u0131mlar ve yo\u011fun etkile\u015fimlerle verimli \u00e7al\u0131\u015famaz<\/strong><\/p>\n<p>React Native&#8217;in performans\u0131, karma\u015f\u0131k UI tasar\u0131m kararlar\u0131, karma\u015f\u0131k animasyonlar ve yo\u011fun etkile\u015fimlerle kar\u015f\u0131 kar\u015f\u0131ya kald\u0131\u011f\u0131nda s\u00f6ner. Bir kez daha, bunun nedeni k\u00f6pr\u00fc kavram\u0131d\u0131r &#8211; t\u00fcm yaz\u0131l\u0131m mod\u00fclleri uygulaman\u0131n JavaScript b\u00f6l\u00fcm\u00fc ile ileti\u015fim kurmak zorundad\u0131r ve bu t\u00fcr etkile\u015fimlerin \u00e7ok fazla olmas\u0131 uygulamay\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde yava\u015flatarak uygulamay\u0131 geciktirebilir ve yaln\u0131zca k\u00f6t\u00fc bir deneyime neden olabilir.<\/p>\n<p><strong>Facebook&#8217;a g\u00fcven<\/strong><\/p>\n<p>\u00dc\u00e7\u00fcnc\u00fc taraf a\u00e7\u0131k kaynak teknolojisine g\u00fcvenmenin kendine g\u00f6re dezavantajlar\u0131 vard\u0131r.\u00a0Facebook, teknolojiyi kullanmaktan vazge\u00e7meye karar verirse, ba\u015fkalar\u0131n\u0131n da ondan uzakla\u015fmas\u0131na neden olabilir.\u00a0\u015eu an itibariyle, b\u00f6yle bir \u015fey s\u00f6z konusu de\u011fil.\u00a0<strong>Facebook, ana Facebook uygulamas\u0131nda<\/strong>\u00a0, Reklam Y\u00f6neticisi uygulamas\u0131nda, Facebook Analytics&#8217;te ve Instagram&#8217;da React Native&#8217;i kullan\u0131yor.\u00a0Framework\u00fcn toplulu\u011fu s\u00fcrekli geni\u015fliyor ve yeni b\u00fcy\u00fck \u015firketler oyuna giriyor.<\/p>\n<p>Bununla birlikte, bu dikkat edilmesi gereken \u015fey; platformalara ait yaz\u0131l\u0131m teknolojileri, herhangi bir \u00e7apraz platform \u00e7\u00f6z\u00fcm\u00fcne k\u0131yasla bu a\u00e7\u0131dan \u00e7ok daha fazla destek ve geriye d\u00f6n\u00fck uyumluluk sunar.<\/p>\n<p><strong>Platformlara \u00f6zg\u00fc yaz\u0131l\u0131m dillerinde geli\u015ftirilenlere yak\u0131n performans sunmas\u0131 ancak yine de yava\u015f olmas\u0131<\/strong><\/p>\n<p>React Native performans\u0131n\u0131n mevcut di\u011fer platformlar aras\u0131 \u00e7\u00f6z\u00fcmlerden daha \u00fcst\u00fcn oldu\u011funu anlatm\u0131\u015ft\u0131k, ancak platformlara \u00f6zg\u00fc uygulama geli\u015ftirmeye k\u0131yasla hala bir \u015fekilde daha yava\u015f. React Native&#8217;in uygulaman\u0131z\u0131n performans\u0131 \u00fczerindeki etkisi en iyi \u015fekilde geli\u015ftirme ekibinizle tart\u0131\u015f\u0131l\u0131r. Mevcut uygulamalar\u0131n \u00e7o\u011fu i\u00e7in, uygulama \u00e7ok fazla veri veya &#8220;k\u00f6pr\u00fc&#8221; ile etkile\u015fimde bulunmak zorundaysa, bu b\u00fcy\u00fcyebilecek bir soruna neden olabilir.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React-Native-ne-icin-kullanilir\"><\/span><strong>React Native ne i\u00e7in kullan\u0131l\u0131r?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>React Native&#8217;i ne zaman kullanabilece\u011finiz veya kullanamayaca\u011f\u0131n\u0131z konusunda sekt\u00f6rle ilgili ger\u00e7ek bir k\u0131s\u0131tlama yoktur.\u00a0Ana nokta, AR, VR gibi i\u015fletim sistemine \u00f6zg\u00fc \u00f6zelliklere ve entegrasyonlara \u00e7ok fazla dayanmayan veya rekabet avantaj\u0131 sa\u011flamak i\u00e7in karma\u015f\u0131k tasar\u0131m veya animasyonlara ihtiya\u00e7 duymayan, m\u00fc\u015fteriye y\u00f6nelik t\u00fcm uygulamalar i\u00e7in yeterince iyi bir framework olmas\u0131d\u0131r.\u00a0React Native, geli\u015ftirmelerini daha h\u0131zl\u0131 hale getiriyor ve \u015fu an itibariyle kararl\u0131 bir uygulama olu\u015fturmak i\u00e7in yeterli destek ve mod\u00fcller sunuyor.\u00a0Di\u011fer bir avantaj, web uygulaman\u0131z React&#8217;te yaz\u0131lm\u0131\u015fsa, bir React Native mobil uygulamas\u0131 olu\u015fturman\u0131n da daha kolay olmas\u0131d\u0131r.<\/p>\n<p><strong>\u00c7ok say\u0131da b\u00fcy\u00fck oyuncu, \u00fcr\u00fcnlerinde aktif olarak React Native kullan\u0131yor veya ge\u00e7i\u015f yapmaya karar verdi.<\/strong><\/p>\n<p><strong>Facebook ve React Native &#8211; sosyal medya platformu<\/strong><\/p>\n<p>React Native kullanan \u015firketlerin listesi, nihai yarat\u0131c\u0131s\u0131 Facebook olmasayd\u0131 eksik kal\u0131rd\u0131.\u00a0Ama\u00e7lar\u0131, web geli\u015ftirmenin t\u00fcm zevklerini (h\u0131zl\u0131 yinelemeler, \u00fcr\u00fcn\u00fc geli\u015ftirmek i\u00e7in tek bir ekip) mobil cihazlara getirmekti.\u00a0Facebook ekibi bloglar\u0131nda ilk olarak\u00a0yaln\u0131zca bir \u00f6\u011feyi React Native&#8217;e\u00a0(iOS i\u00e7in Facebook uygulamas\u0131ndaki Etkinlikler sekmesi) nas\u0131l d\u00f6n\u00fc\u015ft\u00fcrd\u00fcklerini a\u00e7\u0131klad\u0131 ve bu sayede ba\u015flang\u0131\u00e7 \u200b\u200bzaman\u0131n\u0131 iki kat daha h\u0131zl\u0131 yapmay\u0131 ba\u015fard\u0131lar.\u00a0\u0130yile\u015ftirmelerin framework d\u00fczeyinde yap\u0131lm\u0131\u015f olmas\u0131 sayesinde, uygulama, React Native&#8217;in en son s\u00fcr\u00fcm\u00fcne ge\u00e7i\u015f yaparken otomatik olarak fayda sa\u011flayacakt\u0131r.<\/p>\n<p>Facebook&#8217;un React Native&#8217;e ayarlanan iOS ve Android uygulamalar\u0131n\u0131n yan\u0131 s\u0131ra Facebook, Reklam Y\u00f6neticisini React Native kullanarak s\u0131f\u0131rdan olu\u015fturdu.<\/p>\n<p><strong>Instagram ve React Native &#8211; sosyal medya platformu<\/strong><\/p>\n<p>iOS ve Android i\u00e7in Facebook uygulamalar\u0131, React Native&#8217;e g\u00fcvenen tek uygulama de\u011fil.\u00a0Instagram, React Native&#8217;i 2016&#8217;da ke\u015ffetmeye ba\u015flad\u0131 ve blog yaz\u0131lar\u0131nda, \u00fcr\u00fcn ekiplerinin \u00f6zellikleri hem iOS hem de Android&#8217;de daha h\u0131zl\u0131 g\u00f6ndermesine izin verdi\u011fini de ifade ettiler.<\/p>\n<p><strong>Walmart &amp; React Native &#8211; e-ticaret<\/strong><\/p>\n<p>Walmart, bir s\u00fcpermarket zinciri i\u015fleten \u00e7ok uluslu bir Amerikan perakende \u015firketidir.\u00a0Uygulamalar\u0131 \u00e7evrimi\u00e7i al\u0131\u015fveri\u015f, \u00fcr\u00fcn arama, ma\u011faza i\u00e7i fiyat kontrol\u00fc sunar.\u00a0<strong>\u015eu anda, uygulamalar\u0131nda kullan\u0131lan kodun %95&#8217;i React Native ile yaz\u0131lm\u0131\u015ft\u0131r<\/strong>\u00a0.<\/p>\n<p><strong>Bloomberg &amp; React Native &#8211; i\u00e7erik ve medya<\/strong><\/p>\n<p>Bloomberg, React Native gemisine olduk\u00e7a erken atlad\u0131 &#8211; 2016&#8217;da, yeni uygulamalar\u0131n\u0131n ilk s\u00fcr\u00fcm\u00fcn\u00fc piyasaya s\u00fcrd\u00fcklerinde.\u00a0Bloomberg uygulamas\u0131, kullan\u0131c\u0131lara, g\u00fcn\u00fcn belirli bir saatini yans\u0131tan k\u00fcrat\u00f6rl\u00fc haberlerin yan\u0131 s\u0131ra konumlar\u0131na g\u00f6re ki\u015fiselle\u015ftirilmi\u015f i\u00e7eri\u011fe eri\u015fim sa\u011flar.\u00a0Bu, React Native&#8217;i di\u011fer Bloomberg uygulamalar\u0131nda da uygulama planlar\u0131yla\u00a0<strong>h\u0131zla bir \u015firket ge\u00e7i\u015fi haline geldi .<\/strong><\/p>\n<p><strong>Tesla &amp; React Native &#8211; e\u015flik eden bir uygulama<\/strong><\/p>\n<p>Tesla, React Native&#8217;i neden se\u00e7tiklerine dair pek fazla bilgi a\u00e7\u0131klam\u0131yor.\u00a0Uygulama, t\u00fcm Tesla ara\u00e7lar\u0131 i\u00e7in bir asistan ve yol arkada\u015f\u0131 olarak hizmet vermektedir.\u00a0Uygulama, hem Android hem de iOS cihazlar\u0131n\u0131 araba ile senkronize eder ve neredeyse t\u00fcm Tesla \u00f6zelliklerinin kontrol edilmesini ve izlenmesini sa\u011flar.<\/p>\n<p><strong>Shopify &#8211; e-ticaret olu\u015fturma platformu<\/strong><\/p>\n<p>Shopify k\u0131sa s\u00fcre \u00f6nce, iOS ve Android platformlar\u0131nda uygulama deneyimini geli\u015ftirmeye ve iyile\u015ftirmeye yard\u0131mc\u0131 olacaklar\u0131n\u0131 belirterek, React Native&#8217;in \u015firkette mobilin gelece\u011fi oldu\u011funu duyurdu.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React-Native-icin-en-iyi-projeler\"><\/span><strong>React Native i\u00e7in en iyi projeler<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Bahsetti\u011fimiz gibi, React Native kullan\u0131m\u0131 a\u00e7\u0131s\u0131ndan sekt\u00f6re \u00f6zg\u00fc bir engel yoktur, her \u015fey uygulaman\u0131z\u0131n temel \u00f6zelliklerini ve rekabet avantaj\u0131n\u0131 olu\u015fturmaya ba\u011fl\u0131d\u0131r.<\/p>\n<p>React Native, yaln\u0131zca yerinde performans sundu\u011fundan ve (\u00e7o\u011fu durumda) ayn\u0131 hizmet veya \u00fcr\u00fcne sahip iki ayr\u0131 dilde uygulama olu\u015fturmaktan daha kolay ve daha ucuz oldu\u011fundan, t\u00fcketiciye y\u00f6nelik t\u00fcm uygulamalar i\u00e7in m\u00fckemmel bir \u00e7\u00f6z\u00fcmd\u00fcr. T\u00fcketiciye y\u00f6nelik uygulamalar\u0131n \u00e7o\u011fu, React Native&#8217;i harika ve g\u00fcvenilir bir \u00e7\u00f6z\u00fcm haline getiren karma\u015f\u0131k animasyonlara ve kullan\u0131c\u0131 aray\u00fczleri kullanmayaca\u011f\u0131ndan (performans odakl\u0131 olarak) mant\u0131kl\u0131 bir tercih olacakt\u0131r.<\/p>\n<p>\u0130\u015fletmelerinde React Native kullanan \u00e7e\u015fitli sekt\u00f6rlerdeki \u015firketlerden baz\u0131lar\u0131:<\/p>\n<ul>\n<li><strong>Sosyal a\u011flar<\/strong>&#8211; Instagram, Facebook Uygulamas\u0131, Discord, Pinterest<\/li>\n<li><strong>E\u011flence ve Gazetecilik<\/strong>&#8211; Vogue, Bloomberg<\/li>\n<li><strong>B2B \u00e7\u00f6z\u00fcmleri<\/strong>&#8211; Salesforce, Shopify<\/li>\n<li><strong>Hizmet uygulamalar\u0131<\/strong>&#8211; UberEats, Delivery.com<\/li>\n<li><strong>Al\u0131\u015fveri\u015f<\/strong>&#8211; Walmart<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Uygulaman\u0131z\u0131n ba\u015far\u0131s\u0131n\u0131n b\u00fcy\u00fck \u00f6l\u00e7\u00fcde geli\u015ftiricilerin becerilerine ve uzmanl\u0131\u011f\u0131na ba\u011fl\u0131<\/strong> oldu\u011funu unutmay\u0131n. Platformlar aras\u0131 uygulaman\u0131z\u0131 olu\u015ftururken, verilen teknolojide uygulaman\u0131z i\u00e7in t\u00fcm riskleri ve potansiyel f\u0131rsatlar\u0131 tahmin edebilecek bir ortak veya \u00e7al\u0131\u015fma arkada\u015f\u0131 se\u00e7in. React Native ile, platformlara \u00f6zg\u00fc dillerde uygulamalar olu\u015fturma konusunda da deneyimin olmas\u0131 faydal\u0131 olacakt\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>React Native, ayn\u0131 kod taban\u0131n\u0131 kullanarak\u00a0iOS, Android ve web uygulamalar\u0131 gibi birden \u00e7ok platformda uygulamalar olu\u015fturmak i\u00e7in tasarlanm\u0131\u015f a\u00e7\u0131k kaynakl\u0131 bir JavaScript&hellip;<\/p>\n","protected":false},"author":3,"featured_media":14143,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[417],"tags":[],"class_list":["post-14138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-yazilim"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/14138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=14138"}],"version-history":[{"count":3,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/14138\/revisions"}],"predecessor-version":[{"id":14141,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/14138\/revisions\/14141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/14143"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=14138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=14138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=14138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}