{"id":6861,"date":"2023-02-13T01:39:24","date_gmt":"2023-02-12T22:39:24","guid":{"rendered":"https:\/\/www.hostixo.com\/blog\/?p=6861"},"modified":"2023-02-13T01:40:03","modified_gmt":"2023-02-12T22:40:03","slug":"react-native-nedir-reactjs-vs-react-native","status":"publish","type":"post","link":"https:\/\/www.hostixo.com\/blog\/react-native-nedir-reactjs-vs-react-native\/","title":{"rendered":"React Native Nedir? ReactJS vs React Native"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7indekiler \u2714<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u0130\u00e7indekiler Tablosunu A\u00e7\/Kapat\"><span class=\"ez-toc-js-icon-con\"><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><\/span><\/a><\/span><\/div>\n<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.hostixo.com\/blog\/react-native-nedir-reactjs-vs-react-native\/#Framework_Nedir\" >Framework Nedir?<\/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.hostixo.com\/blog\/react-native-nedir-reactjs-vs-react-native\/#React_Native_Nedir_Ne_Ise_Yarar\" >React Native Nedir, Ne \u0130\u015fe Yarar?<\/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.hostixo.com\/blog\/react-native-nedir-reactjs-vs-react-native\/#React_Native_ile_Neler_Yapilabilir\" >React Native ile Neler Yap\u0131labilir?<\/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.hostixo.com\/blog\/react-native-nedir-reactjs-vs-react-native\/#React_Native_vs_React_JS_Farki\" >React Native vs React JS Fark\u0131<\/a><\/li><\/ul><\/nav><\/div>\n<p>Bir framework olan React Native, bir\u00e7ok geli\u015ftirici taraf\u0131ndan tercih ediliyor. <strong>React Native nedir<\/strong>, bu konuyu detaylar\u0131yla birlikte \u00f6\u011frenelim.<\/p>\n<p>Yaz\u0131l\u0131m, teknolojinin geli\u015fiminde \u00e7ok b\u00fcy\u00fck bir paya sahip. Yaz\u0131l\u0131m sayesinde daha \u00f6nce hi\u00e7 g\u00f6rmedi\u011fimiz \u015feylerle kar\u015f\u0131la\u015fabiliyoruz. Geli\u015ftiriciler, bir yaz\u0131l\u0131m geli\u015ftirirken baz\u0131 ara\u00e7lardan faydalan\u0131yorlar. \u0130\u015fte bunlardan birisi framework olarak kar\u015f\u0131m\u0131za \u00e7\u0131k\u0131yor.<\/p>\n<p>Frameworkler, bir yaz\u0131l\u0131m\u0131n geli\u015ftirme s\u00fcrecini \u00f6nemli anlamda h\u0131zland\u0131rabiliyor. \u0130\u015fte bu y\u00fczden geli\u015ftiricilerin ihtiyac\u0131na g\u00f6re bir framework kullanmas\u0131 fazlas\u0131yla \u00f6nemli. React Native, asl\u0131nda JavaScript dilinin bir k\u00fct\u00fcphanesi olarak tan\u0131mlanabilir. Y\u0131llar \u00f6nce Facebook taraf\u0131ndan geli\u015ftirilen bu framework, g\u00fcn\u00fcm\u00fczde hala olduk\u00e7a fazla tercih ediliyor. Bu konu hakk\u0131nda daha fazla detay i\u00e7in i\u00e7eri\u011fimizi okumaya devam edebilirsiniz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Framework_Nedir\"><\/span><strong>Framework Nedir?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6863 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/02\/hostixo-blog-react-native-nedir-framework-nedir-react-native-ile-neler-yapilabilir.jpg\" alt=\"hostixo-blog-react-native-nedir-framework-nedir-react-native-ile-neler-yapilabilir\" width=\"640\" height=\"424\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/424;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6863\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/02\/hostixo-blog-react-native-nedir-framework-nedir-react-native-ile-neler-yapilabilir.jpg\" alt=\"hostixo-blog-react-native-nedir-framework-nedir-react-native-ile-neler-yapilabilir\" width=\"640\" height=\"424\" title=\"\"><\/noscript><\/p>\n<p>Yaz\u0131l\u0131m\u0131n do\u011fru kullan\u0131ld\u0131\u011f\u0131nda ne kadar faydal\u0131 oldu\u011funu biliyoruz. Geli\u015ftiriciler, bir\u00e7ok farkl\u0131 yaz\u0131l\u0131m dilini kullanarak, akl\u0131m\u0131za gelmeyecek \u015feyler ortaya \u00e7\u0131karabiliyorlar. Yaz\u0131l\u0131mc\u0131lar\u0131n geli\u015ftirme s\u00fcrecinde kulland\u0131klar\u0131 baz\u0131 ara\u00e7lar mevcut. Framework, bu ara\u00e7lardan bir tanesi. <strong>React Native nedir<\/strong> konusundan \u00f6nce biraz bu konuyu a\u00e7\u0131klamak istiyoruz.<\/p>\n<p><a href=\"https:\/\/www.hostixo.com\/blog\/en-iyi-javascript-kutuphaneleri\/\">Framework<\/a>, geli\u015ftiriciler taraf\u0131ndan test edilerek ve optimize edilerek haz\u0131rlanan yaz\u0131l\u0131mlara denir. Bu yaz\u0131l\u0131mlar\u0131n i\u00e7erisinde baz\u0131 kod bloklar\u0131 bulunur. Frameworklerin dili ve kullan\u0131m alanlar\u0131 birbirlerinden farkl\u0131d\u0131r. \u00d6rne\u011fin, bir framework JavaScript diliyle web uygulamalar\u0131 i\u00e7in haz\u0131rlanm\u0131\u015f olabilir. Di\u011feriyse C# diliyle masa\u00fcst\u00fc uygulamalar i\u00e7in haz\u0131rlanm\u0131\u015f olabilir.<\/p>\n<p>Geli\u015ftiriciler, ihtiya\u00e7lar\u0131na g\u00f6re bir framework se\u00e7erek geli\u015ftirme s\u00fcrecini h\u0131zland\u0131rabilirler. Frameworklerin i\u00e7erisindeki haz\u0131r kodlara ula\u015farak onlar\u0131 kendi yaz\u0131l\u0131mlar\u0131nda kullanabilirler. B\u00f6ylece, kodlar\u0131 tekrar tekrar yazmak zorunda kalmazlar ve zamandan \u00f6nemli anlamda tasarruf ederler. K\u0131sacas\u0131, framework geli\u015ftiriciler i\u00e7in haz\u0131rlanm\u0131\u015f haz\u0131r kod k\u00fct\u00fcphanelerine denir. K\u00fct\u00fcphanelerin birle\u015fmesiyle olu\u015fan bu yap\u0131lar sayesinde, geli\u015ftiriciler bir\u00e7ok haz\u0131r kod blo\u011funa eri\u015febilir ve onlar\u0131 kullanabilir.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React_Native_Nedir_Ne_Ise_Yarar\"><\/span><strong>React Native Nedir, Ne \u0130\u015fe Yarar?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6862 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/02\/hostixo-blog-react-native-nedir-ne-ise-yarar.jpg\" alt=\"hostixo-blog-react-native-nedir-ne-ise-yarar\" width=\"640\" height=\"229\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/229;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6862\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/02\/hostixo-blog-react-native-nedir-ne-ise-yarar.jpg\" alt=\"hostixo-blog-react-native-nedir-ne-ise-yarar\" width=\"640\" height=\"229\" title=\"\"><\/noscript><\/p>\n<p>Frameworklerin ne i\u015fe yarad\u0131\u011f\u0131n\u0131 a\u00e7\u0131klamaya \u00e7al\u0131\u015ft\u0131k. \u015eimdi art\u0131k React Native nedir sorusunu rahatl\u0131kla cevaplayabiliriz. React Native, y\u0131llar \u00f6nce Facebook taraf\u0131ndan geli\u015ftirilmi\u015f bir framework. Bu framework, temel olarak ReactJS ile olu\u015fturulmu\u015f. React JS ile farkl\u0131 olan bu framework, daha \u00e7ok mobil uygulama geli\u015ftirirken tercih ediliyor.<\/p>\n<p>Yani mobil uygulama geli\u015ftiren ki\u015filer, bu frameworku tercih ederek birbirinden kullan\u0131\u015fl\u0131 uygulamalar geli\u015ftirebiliyor. Ancak, React Native sadece mobil uygulamalar i\u00e7in haz\u0131rlanm\u0131\u015f say\u0131lmaz. Bu framework, Android ve iOS platformlar\u0131nda kullan\u0131labildi\u011fi gibi, web uygulamalar\u0131nda da tercih edilebiliyor. Bu k\u0131s\u0131mda son olarak React Native\u2019in JavaScript temelli bir framework oldu\u011funu belirtmemizde fayda var.<\/p>\n<h3><strong>React Native Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/strong><\/h3>\n<p>A\u00e7\u0131k kaynakl\u0131 bir k\u00fct\u00fcphane olan React Native, JavaScript dili i\u00e7in haz\u0131rlanm\u0131\u015f. Bu framework, yaz\u0131lan JS uygulamas\u0131yla kendi olu\u015fturdu\u011fu native uygulamas\u0131 aras\u0131nda \u00e7ift y\u00f6nl\u00fc bir haberle\u015fme sa\u011fl\u0131yor. K\u00f6pr\u00fc konsepti ile \u00e7ift y\u00f6nl\u00fc haberle\u015fme sa\u011flayan React Native, asl\u0131nda bu i\u015flevi iki farkl\u0131 k\u0131s\u0131m aras\u0131nda ger\u00e7ekle\u015ftiriyor. JavaScript \u00f6\u011feleriyle di\u011fer yerle\u015fik aras\u0131nda sa\u011flanan bu haberle\u015fme sayesinde ortaya farkl\u0131 sonu\u00e7lar \u00e7\u0131kabiliyor. React Native nedir, nas\u0131l \u00e7al\u0131\u015f\u0131r konusu asl\u0131nda basit\u00e7e bu \u015fekilde a\u00e7\u0131klanabilir.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React_Native_ile_Neler_Yapilabilir\"><\/span><strong>React Native ile Neler Yap\u0131labilir?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>React Native, React JS\u2019den biraz daha farkl\u0131 bir k\u00fct\u00fcphane. Bu k\u00fct\u00fcphaneyi bir\u00e7ok farkl\u0131 ama\u00e7 i\u00e7in kullanabilirsiniz. Android ve iOS gibi platformlar i\u00e7in mobil uygulamalar geli\u015ftirirken bu k\u00fct\u00fcphaneyi tercih edebilirsiniz.<\/p>\n<p>Yani asl\u0131nda bu frameworku kullanarak bir\u00e7ok farkl\u0131 platforma uygulama geli\u015ftirebilirsiniz. Ayr\u0131ca, React Native ile web uygulamalar\u0131 da geli\u015ftirebilmeniz m\u00fcmk\u00fcn. Yani React JS\u2019de oldu\u011fu gibi bu k\u00fct\u00fcphaneyi de web uygulamalar\u0131 i\u00e7in tercih edebilirsiniz. Ancak, bu k\u00fct\u00fcphanenin genel olarak mobil uygulamalar i\u00e7in tercih edildi\u011fini belirtmemizde fayda var.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React_Native_vs_React_JS_Farki\"><\/span><strong>React Native vs React JS Fark\u0131<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6864 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/02\/hostixo-blog-react-native-nedir-react-native-vs-react-js-farki.jpg\" alt=\"hostixo-blog-react-native-nedir-react-native-vs-react-js-farki\" width=\"640\" height=\"360\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/360;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6864\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/02\/hostixo-blog-react-native-nedir-react-native-vs-react-js-farki.jpg\" alt=\"hostixo-blog-react-native-nedir-react-native-vs-react-js-farki\" width=\"640\" height=\"360\" title=\"\"><\/noscript><\/p>\n<p>React JS ile React Native aras\u0131nda baz\u0131 \u00f6nemli farklar mevcut. \u0130lk olarak, React JS k\u00fct\u00fcphanesinin temel olarak web bile\u015fenlerini kulland\u0131\u011f\u0131n\u0131 belirtelim. Ancak <a href=\"https:\/\/reactnative.dev\/docs\/getting-started\" target=\"_blank\" rel=\"noopener\">React Native<\/a>, temel olarak native bile\u015fenlerini kullan\u0131r. <a href=\"https:\/\/www.hostixo.com\/blog\/react-nedir-reactjs-ile-neler-yapilir\/\">React JS<\/a>, genel olarak web uygulamalar\u0131 i\u00e7in haz\u0131rlanm\u0131\u015ft\u0131r. Bu y\u00fczden, bu framework web geli\u015ftiricileri taraf\u0131ndan s\u0131k\u00e7a tercih edilir.<\/p>\n<p>Ancak, React Native genel olarak mobil uygulamalar i\u00e7in haz\u0131rlanm\u0131\u015f bir k\u00fct\u00fcphanedir. K\u0131sacas\u0131, bu iki k\u00fct\u00fcphanenin benzer ancak farkl\u0131 ama\u00e7lar i\u00e7in tercih edildi\u011fini s\u00f6yleyebiliriz. Asl\u0131nda sadece web uygulamalar\u0131 geli\u015ftirmek isteyen ki\u015filerin React JS tercih etmeleri daha do\u011fru olabilir. Ancak, hem mobil hem de web uygulamalar\u0131yla ilgilenenlerin tercihi React Native olacakt\u0131r.<\/p>\n<p>\u0130\u00e7eri\u011fimizde <strong>React Native nedir, ne i\u015fe yarar<\/strong> gibi konulara de\u011finmeye \u00e7al\u0131\u015ft\u0131k. Umar\u0131z sizleri bu t\u00fcr konular hakk\u0131nda yeterince bilgilendirebilmi\u015fizdir.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bir framework olan React Native, bir\u00e7ok geli\u015ftirici taraf\u0131ndan tercih ediliyor. React Native nedir, bu konuyu detaylar\u0131yla birlikte \u00f6\u011frenelim. Yaz\u0131l\u0131m, teknolojinin geli\u015fiminde \u00e7ok b\u00fcy\u00fck bir paya sahip. Yaz\u0131l\u0131m sayesinde daha \u00f6nce hi\u00e7 g\u00f6rmedi\u011fimiz \u015feylerle kar\u015f\u0131la\u015fabiliyoruz. Geli\u015ftiriciler, bir yaz\u0131l\u0131m geli\u015ftirirken baz\u0131 ara\u00e7lardan faydalan\u0131yorlar. \u0130\u015fte bunlardan birisi framework olarak kar\u015f\u0131m\u0131za \u00e7\u0131k\u0131yor. Frameworkler, bir yaz\u0131l\u0131m\u0131n geli\u015ftirme s\u00fcrecini \u00f6nemli anlamda &hellip;<\/p>\n","protected":false},"author":1,"featured_media":6863,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mbp_gutenberg_autopost":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-6861","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-yazilim"],"_links":{"self":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/6861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/comments?post=6861"}],"version-history":[{"count":0,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/6861\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media\/6863"}],"wp:attachment":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media?parent=6861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/categories?post=6861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/tags?post=6861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}