{"id":3492,"date":"2023-01-05T14:19:51","date_gmt":"2023-01-05T07:19:51","guid":{"rendered":"https:\/\/www.bagi2info.com\/?p=3492"},"modified":"2023-01-05T15:10:21","modified_gmt":"2023-01-05T08:10:21","slug":"daftar-perintah-command-development-react-native-react","status":"publish","type":"post","link":"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/","title":{"rendered":"Daftar Perintah Command Development React Native & React"},"content":{"rendered":"\n<p>Dalam melakukan pekerjaan saya sebagai developer, terdapat berbagai perintah-perintah yang harus di ingat, namun karena jarang digunakan terkadang lupa bagaimana perintah-perintah tersebut diketik, akibatnya saya harus mencari \/ mengoogle kembali apa perintahnya. Artikel ini dibuat sebagai cheat sheet pengingat kembali perintah-perintah tersebut.<\/p>\n\n\n\n<p>Berikut adalah semua penjelasan perintah yang digunakan untuk menggembangkan aplikasi menggunakan React &amp; React Native<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 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\">Table of Contents<\/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=\"Toggle Table of Content\"><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.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Perintah_untuk_Project_Bare_react-native_khusus_aplikasi_Mobile\" >Perintah untuk Project Bare react-native khusus aplikasi Mobile<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Membuat_Project\" >Membuat Project<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Menjalankan_Aplikasi\" >Menjalankan Aplikasi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Compile_Aplikasi\" >Compile Aplikasi<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Android\" >Android<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#IOS\" >IOS<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Submit_ke_Store\" >Submit ke Store<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Play_Store\" >Play Store<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#App_Store\" >App Store<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Perintah_untuk_Project_Managed_Workflow_menggunakan_Expo_khusus_untuk_Mobile\" >Perintah untuk Project Managed Workflow menggunakan Expo khusus untuk Mobile<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Membuat_Project-2\" >Membuat Project<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Menjalankan_aplikasi\" >Menjalankan aplikasi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Compile_Aplikasi-2\" >Compile Aplikasi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Submit_Aplikasi\" >Submit Aplikasi<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Perintah_untuk_Project_react_khusus_untuk_Web\" >Perintah untuk Project react khusus untuk Web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Membuat_Project-3\" >Membuat Project<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Menjalankan_Aplikasi-2\" >Menjalankan Aplikasi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.bagi2info.com\/en\/daftar-perintah-command-development-react-native-react\/#Compile_Aplikasi-3\" >Compile Aplikasi<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Perintah_untuk_Project_Bare_react-native_khusus_aplikasi_Mobile\"><\/span>Perintah untuk Project Bare react-native khusus aplikasi Mobile<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Membuat_Project\"><\/span>Membuat Project<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npx react-native init my-app\nnpx react-native init my-app --template<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Menjalankan_Aplikasi\"><\/span>Menjalankan Aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">cd my-app\nnpx react-native run-android\nnpx react-native run-ios\n\n    - or -\n\n\/\/ IOS Only\nOpen app\/ios\/app.xcworkspace in Xcode or run \"xed -b ios\"\nRun button<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Compile_Aplikasi\"><\/span>Compile Aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Android\"><\/span>Android<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">.\/gradlew assembleDebug     \/\/ compile development build \n.\/gradlew assembleRelease   \/\/ compile apk build \r\n\r.\/gradlew bundleRelease     \/\/ compile aab build\r\n\nadb kill-server             \/\/ kill adb server \n.\/gradlew --stop            \/\/ stop gradlew build\n.\/gradlew clean             \/\/ cleaning build cache <\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"IOS\"><\/span>IOS<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\"><\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Submit_ke_Store\"><\/span>Submit ke Store<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Play_Store\"><\/span>Play Store<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\"><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"App_Store\"><\/span>App Store<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\"><\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Perintah_untuk_Project_Managed_Workflow_menggunakan_Expo_khusus_untuk_Mobile\"><\/span>Perintah untuk Project Managed Workflow menggunakan Expo khusus untuk Mobile<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Membuat_Project-2\"><\/span>Membuat Project<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npx create-expo-app\nnpx create-expo-app my-app\n\nnpx create-expo-app --template\nnpx create-expo-app [name] --template blank@45\n\nnpm create-expo-app [name] --template blank@45\nyarn create-expo-app [name] --template blank@45\npnpm create-expo-app [name] --template blank@45<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Menjalankan_aplikasi\"><\/span>Menjalankan aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">cd my-app\n\nnpx expo start\nnpx expo start -c \/\/ cleaning cache\nnpx expo start --android\nnpx expo start --ios\nnpx expo start --web\n\nnpm run start \nnpm run android\nnpm run ios \nnpm run web<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"json\" class=\"language-json\">  \"scripts\": {\n    \"start\": \"expo start\",\n    \"android\": \"expo start --android\",\n    \"ios\": \"expo start --ios\",\n    \"web\": \"expo start --web\"\n\n  },<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Compile_Aplikasi-2\"><\/span>Compile Aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">eas init    \/\/ mendaftarkan fitur eas \n\neas build:configure  \/\/ mengkonfigurasi setting build \neas build -p android \neas build -p ios \neas build -p android --local\neas build -p ios --local\n\neas build -p ios --profile development --local\neas build -p ios --profile preview --local\neas build -p ios --profile developmentios --local<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Submit_Aplikasi\"><\/span>Submit Aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">eas submit \neas submit -p android \neas submit -p ios <\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Perintah_untuk_Project_react_khusus_untuk_Web\"><\/span>Perintah untuk Project react khusus untuk Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Membuat_Project-3\"><\/span>Membuat Project<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npx create-react-app my-app<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Menjalankan_Aplikasi-2\"><\/span>Menjalankan Aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Memulai server pengembangan.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">cd my-app\nnpm start<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Compile_Aplikasi-3\"><\/span>Compile Aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Bundel aplikasi ke dalam file statis untuk produksi.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npm run build<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npm test\n\n\u00a0 \u00a0 Starts the test runner.\n\n\nnpm run eject\n\n\u00a0 \u00a0 Removes this tool and copies build dependencies, configuration files\n\n\u00a0 \u00a0 and scripts into the app directory. If you do this, you can\u2019t go back!<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Dalam melakukan pekerjaan saya sebagai developer, terdapat berbagai perintah-perintah yang harus di ingat, namun karena jarang digunakan terkadang lupa bagaimana perintah-perintah tersebut diketik, akibatnya saya harus mencari \/ mengoogle kembali apa perintahnya. Artikel ini&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":3715,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[173],"tags":[79,150],"class_list":["post-3492","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react-native","tag-android","tag-react-native"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts\/3492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/comments?post=3492"}],"version-history":[{"count":10,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts\/3492\/revisions"}],"predecessor-version":[{"id":3721,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts\/3492\/revisions\/3721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/media\/3715"}],"wp:attachment":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/media?parent=3492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/categories?post=3492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/tags?post=3492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}