{"id":10468,"date":"2020-07-09T16:25:48","date_gmt":"2020-07-09T19:25:48","guid":{"rendered":"https:\/\/geekblogti.wpengine.com\/?p=10394"},"modified":"2024-09-24T18:00:23","modified_gmt":"2024-09-24T21:00:23","slug":"react-native-windows-emular-sem-expo","status":"publish","type":"post","link":"https:\/\/www.geekhunter.com/pt/blog\/react-native-windows-emular-sem-expo\/","title":{"rendered":"Como emular React Native no Windows sem Expo"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Logo que um estudante de programa\u00e7\u00e3o inicia no mundo do mobile, um dos piores testes por qual ele passa, \u00e9 fazer o procedimento de emular o React Native no windows e smartphone sem precisar de outras bibliotecas, ou seja, usando o <strong>React-native CLI<\/strong> e n\u00e3o o EXPO.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por esse motivo eu trouxe para voc\u00eas esse passo a passo, afinal passei por isso a um certo tempo. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas calma, eu vim para te ajudar, vamos fazer juntos e ent\u00e3o voc\u00ea vai ver que n\u00e3o \u00e9 um bicho de sete cabe\u00e7as como muita gente fala e n\u00e3o vai demorar dias, talvez alguns minutos, quase uma hora, vai depender da velocidade da sua internet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Confira tamb\u00e9m &gt;&gt; <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/um-guia-completo-de-react-native\/\" target=\"_blank\" rel=\"noreferrer noopener\">Guia de React Native<\/a><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">React Native CLI no Windows<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos precisar baixar algumas coisas antes de prosseguir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Na documenta\u00e7\u00e3o est\u00e1 bem claro que se voc\u00ea for novo no desenvolvimento mobile \u00e9 melhor que voc\u00ea utilize a ferramenta EXPO para emular a sua aplica\u00e7\u00e3o, j\u00e1 que ele possui os recursos b\u00e1sicos para um iniciante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas caso voc\u00ea seja um usu\u00e1rio mais avan\u00e7ado, o ideal \u00e9 que voc\u00ea configure usando o React Native CLI no windows. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ent\u00e3o vamos l\u00e1:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Node.js, Python2, JDK 8 com Chocolatey<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Come\u00e7ando com as depend\u00eancias, ser\u00e1 necess\u00e1rio instalar o node.js, python 2 e o JDK8. Caso voc\u00ea tenha o Chocolatey (gerenciador de pacotes para Windows).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 recomend\u00e1vel que o utilize para instalar, caso voc\u00ea j\u00e1 tenha as depend\u00eancias instaladas na sua m\u00e1quina, valide apenas as vers\u00f5es, jdk 8 e node 8.3 ou superior .<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se preferir instalar o Chocolatey antes de continuar, abra o PowerShell como administrador e execute o comando abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Set-ExecutionPolicy Bypass -Scope Process -Force; &#91;System.Net.ServicePointManager]::SecurityProtocol = &#91;System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https:\/\/chocolatey.org\/install.ps1'))<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Agora podemos instalar as outras depend\u00eancias, isso pode ser realizado com uma linha de comando apenas ainda no powershell:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>choco install -y nodejs.install python2 jdk8<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Instala\u00e7\u00e3o de depend\u00eancias sem Chocolatey<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea optar por n\u00e3o utilizar o chocolatey, pode instalar diretamente dos sites das depend\u00eancias. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em todos os casos \u00e9 necess\u00e1rio apenas seguir a instala\u00e7\u00e3o padr\u00e3o (next, next\u2026 finish).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bit.ly\/2O9W3It\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/03\/Grupo-1331@2x-1024x336.png\" alt=\"\" class=\"wp-image-9566\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Android Studio<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para instalar o Android Studio, na documenta\u00e7\u00e3o React-native informa para selecionar a op\u00e7\u00e3o customizar, o que pode causar uma confus\u00e3o na cabe\u00e7a de qualquer pessoa pelo simples motivos de que nas telas iniciais da instala\u00e7\u00e3o do Android Studio n\u00e3o h\u00e1 a op\u00e7\u00e3o \u201ccustomizada\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/1-1.png\" alt=\"tela-inicial-de-instalacao-android-studio\" class=\"wp-image-10413\"\/><figcaption>Tela inicial da instala\u00e7\u00e3o do Android Studio<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A tela onde ser\u00e1 necess\u00e1rio customizar \u00e9 a \u201cAndroid Studio Setup Wizard\u201d, que aparecer\u00e1 ap\u00f3s a finaliza\u00e7\u00e3o da instala\u00e7\u00e3o inicial.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/2.png\" alt=\"android-studio-setup-wizard\" class=\"wp-image-10414\"\/><figcaption>Tela do Android Studio Setup Wizard<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/3.png\" alt=\"android-studio-setup-wizard-custom\" class=\"wp-image-10415\"\/><figcaption>Tela do Android Studio Setup Wizard Custom<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nessa tela clique em custom e next. Algumas configura\u00e7\u00f5es padr\u00f5es como o tema e diret\u00f3rio ser\u00e3o solicitadas nas pr\u00f3ximas telas. Apenas configure da maneira que achar melhor para voc\u00ea, at\u00e9 chegar na tela de<strong> SDK COMPONENTS SETUP<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/4.png\" alt=\"sdk-components-setup\" class=\"wp-image-10416\"\/><figcaption>Tela do SDK Components Setup<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nas op\u00e7\u00f5es deixe todas essas selecionadas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Android SDK<\/li><li>Android SDK Platform<\/li><li>Performance Intel \u00ae HAXM (caso voc\u00ea utilize AMD o processo \u00e9 um pouco diferente)<\/li><li>Android Virtual Device<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Clique em <strong>next<\/strong> para realizar a instala\u00e7\u00e3o dos componentes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Abrir\u00e1 a tela do primeiro projeto no Android, antes de iniciar esse novo projeto, clique em <strong>Configure<\/strong> e acesse o <strong>SDK Manager<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/5.png\" alt=\"sdk-manager\" class=\"wp-image-10417\"\/><figcaption>Sele\u00e7\u00e3o do SDK Manager<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Selecione o checkbox no canto inferior direito <strong>show package<\/strong> <strong>details<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/6.png\" alt=\"show-package-details\" class=\"wp-image-10422\"\/><figcaption>Sele\u00e7\u00e3o de Show Package Details.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Usando como exemplo o Android 9.0 (Pie), ser\u00e1 apresentado uma lista com outras op\u00e7\u00f5es para instala\u00e7\u00e3o, antes de prosseguir verifique se essas op\u00e7\u00f5es est\u00e3o selecionadas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Android SDK Platform 28<\/li><li>Intel x86 Atom_64 System Image ou Google APIs Intel x86 Atom System Image<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Clique na aba<strong> SDK TOOLS<\/strong> e <strong>show packages details<\/strong>, verifique as op\u00e7\u00f5es superiores a 28.0.3 est\u00e3o selecionadas tamb\u00e9m. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selecione <strong>Apply<\/strong> para instalar, essa etapa \u00e9 um pouco demorada. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Escolha <strong>finish<\/strong> ao final e antes de clicar em OK, copie o caminho informado no \u201cAndroid SDK Location\u201d.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/7.png\" alt=\"android-sdk-location\" class=\"wp-image-10418\"\/><figcaption>Sele\u00e7\u00e3o de &#8220;OK&#8221; na tela de Android SDK Location<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><em><a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/desenvolvimento-para-mobile-reactnative-flutter-ionic\/\" target=\"_blank\" rel=\"noreferrer noopener\">Desenvolvimento para mobile<\/a> &gt;&gt; Ionic, React-Native ou Flutter<\/em>, qual usar?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vari\u00e1veis de ambiente do React Native Windows<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Estamos quase finalizando, vamos entrar nas vari\u00e1veis de ambiente do Windows.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, v\u00e1 em:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Sistema<\/em> &gt;&gt; <em>Configura\u00e7\u00f5es avan\u00e7adas do sistema <\/em>&gt;&gt; <em>Vari\u00e1veis de ambiente.<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/8.png\" alt=\"variaveis-de-ambiente\" class=\"wp-image-10419\"\/><figcaption>Sele\u00e7\u00e3o de vari\u00e1veis de ambiente<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Crie um novo nas vari\u00e1veis de usu\u00e1rio, a primeira sess\u00e3o da tela que abrir\u00e1. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ser\u00e1 necess\u00e1rio colocar no nome da vari\u00e1vel <strong>ANDROID_HOME<\/strong> e no valor ser\u00e1 colado o caminho copiado anteriormente, clique em ok para finalizar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/9.png\" alt=\"\" class=\"wp-image-10420\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, em vari\u00e1veis do sistema, clique em <strong>Path<\/strong> e <strong>Editar<\/strong>, na tela que abrir clique em novo, aqui ser\u00e1 necess\u00e1rio vincular as ferramentas ao caminho, por padr\u00e3o essa pasta tem o nome \u201cplatform-tools\u201d mas antes de inserir, voc\u00ea pode conferir no explorar da sua m\u00e1quina se existe mesmo. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ser\u00e1 algo parecido com esse caminho:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/10.png\" alt=\"\" class=\"wp-image-10421\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Configurando o Celular para rodar o React-Native<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de iniciar a nossa aplica\u00e7\u00e3o, h\u00e1 mais um passo s\u00f3 que dessa vez no seu smartphone. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Precisamos habilitar o modo desenvolvedor dele, ent\u00e3o vamos l\u00e1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para os dispositivos com o Android 9 ou superior ser\u00e1 necess\u00e1rio entrar em:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Config. &gt;&gt; Sobre o telefone &gt;&gt; Informa\u00e7\u00f5es de software &gt;&gt; Clique 7 vezes em N\u00famero da compila\u00e7\u00e3o<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para os dispositivos 8.0 e 8.1:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Config. &gt;&gt; Sistema &gt;&gt; Sobre o dispositivo &gt;&gt; N\u00famero da vers\u00e3o<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para os dispositivos 7.1 e anteriores:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Congif. &gt;&gt; Sobre o dispositivo &gt;&gt; N\u00famero da vers\u00e3o<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em op\u00e7\u00f5es do desenvolvedor procure a op\u00e7\u00e3o <strong>Depura\u00e7\u00e3o USB <\/strong>e Habilite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora voc\u00ea pode conectar o seu smartphone na m\u00e1quina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Iniciando o React-Native no Celular<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos criar o primeiro projeto sem o Expo, ser\u00e1 necess\u00e1rio entrar no diret\u00f3rio onde ficar\u00e1 a sua aplica\u00e7\u00e3o atrav\u00e9s do terminal ou do editor de sua prefer\u00eancia e digitar:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npx react-native init nomeprojeto<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Obs.: O npx \u00e9 um gerenciador que serve para adicionar pacotes \u00e0 sua aplica\u00e7\u00e3o sem a necessidade de instal\u00e1-los, geralmente \u00e9 usado para adicionar pacotes que s\u00e3o usados poucas vezes e at\u00e9 mesmo para evitar problemas de incompatibilidade entre vers\u00f5es de pacotes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esse comando ir\u00e1 criar a pasta do projeto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para iniciar o react-native no projeto \u00e9 necess\u00e1rio entrar no projeto criado, como no exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd .\\novoprojeto\\<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Agora execute o comando de inicializa\u00e7\u00e3o:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npx react-native start<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Abra um novo terminal, entre na pasta novamente e inicie o Android com o comando:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npx react-native run-android<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Na tela do seu celular aparecer\u00e1 um pop-up solicitando permiss\u00e3o, conceda a permiss\u00e3o para iniciar o projeto. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A aplica\u00e7\u00e3o ser\u00e1 instalada no seu smartphone, \u00e9 s\u00f3 aguardar a finaliza\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assim que finalizado, aparecer\u00e1 a tela de boas vindas do react-native, agora \u00e9 s\u00f3 programar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pode parecer um pouco complicado e talvez voc\u00ea nem tenha gostado de tudo o que foi necess\u00e1rio fazer, mas com o tempo voc\u00ea vai entender cada passo que fizemos aqui e o motivo. Espero ter contribu\u00eddo um pouco para que voc\u00ea continue os seus estudos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E a\u00ed? Conseguiu fazer? Sentiu alguma dificuldade? Achou que faltou alguma coisa? Deixe o seu feedback, ele \u00e9 muito importante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Boa codagem pra voc\u00ea! E at\u00e9!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&gt;&gt; <em>\u00c9 desenvolvedor React Native? Encontre <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/bit.ly\/2O9W3It\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>vagas React Native<\/strong><\/a> na plataforma da GeekHunter agora mesmo!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Logo que um estudante de programa\u00e7\u00e3o inicia no mundo do mobile, um dos piores testes por qual ele passa, \u00e9 fazer o procedimento de emular o React Native no windows e smartphone sem precisar de outras bibliotecas, ou seja, usando o React-native CLI e n\u00e3o o EXPO. Por esse motivo eu trouxe para voc\u00eas esse [&hellip;]<\/p>\n","protected":false},"author":167,"featured_media":10479,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-10468","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimiento-de-software"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>React Native Windows: como emular com CLI e sem Expo<\/title>\n<meta name=\"description\" content=\"Descubra como emular React Native no Windows diretamente usando o CLI e sem precisar de outras bibliotecas como o EXPO.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como emular React Native no Windows sem Expo\" \/>\n<meta property=\"og:description\" content=\"Logo que um estudante de programa\u00e7\u00e3o inicia no mundo do mobile, um dos piores testes por qual ele passa, \u00e9 fazer o procedimento de emular o React Native\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Geekhunter\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/geekhunterbr\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-09T19:25:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T21:00:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/07\/hero2-750x410-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Geekhunter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:site\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Geekhunter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/\"},\"author\":{\"name\":\"Geekhunter\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\"},\"headline\":\"Como emular React Native no Windows sem Expo\",\"datePublished\":\"2020-07-09T19:25:48+00:00\",\"dateModified\":\"2024-09-24T21:00:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/\"},\"wordCount\":1222,\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/hero2-750x410-1.png\",\"articleSection\":[\"Desenvolvimiento de software\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/\",\"name\":\"React Native Windows: como emular com CLI e sem Expo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/hero2-750x410-1.png\",\"datePublished\":\"2020-07-09T19:25:48+00:00\",\"dateModified\":\"2024-09-24T21:00:23+00:00\",\"description\":\"Descubra como emular React Native no Windows diretamente usando o CLI e sem precisar de outras bibliotecas como o EXPO.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/react-native-windows-emular-sem-expo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/hero2-750x410-1.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/hero2-750x410-1.png\",\"width\":750,\"height\":410},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/react-native-windows-emular-sem-expo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mundo TI\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desenvolvimiento de software\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/desenvolvimiento-de-software\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Como emular React Native no Windows sem Expo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"name\":\"Blog de TI\",\"description\":\"Dicas para o RH e profissionais da \u00e1rea TI\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\",\"name\":\"GeekHunter\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"width\":300,\"height\":300,\"caption\":\"GeekHunter\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/x.com\\\/geekhunterbr\",\"https:\\\/\\\/www.instagram.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/geekhunter-brasil\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@GeekHunterOfficial\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\",\"name\":\"Geekhunter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"caption\":\"Geekhunter\"},\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/author\\\/matias\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"React Native Windows: como emular com CLI e sem Expo","description":"Descubra como emular React Native no Windows diretamente usando o CLI e sem precisar de outras bibliotecas como o EXPO.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/","og_locale":"pt_BR","og_type":"article","og_title":"Como emular React Native no Windows sem Expo","og_description":"Logo que um estudante de programa\u00e7\u00e3o inicia no mundo do mobile, um dos piores testes por qual ele passa, \u00e9 fazer o procedimento de emular o React Native","og_url":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/","og_site_name":"Blog Geekhunter","article_publisher":"https:\/\/www.facebook.com\/geekhunterbr\/","article_published_time":"2020-07-09T19:25:48+00:00","article_modified_time":"2024-09-24T21:00:23+00:00","og_image":[{"width":750,"height":410,"url":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/07\/hero2-750x410-1.png","type":"image\/png"}],"author":"Geekhunter","twitter_card":"summary_large_image","twitter_creator":"@geekhunterbr","twitter_site":"@geekhunterbr","twitter_misc":{"Escrito por":"Geekhunter","Est. tempo de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/#article","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/"},"author":{"name":"Geekhunter","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400"},"headline":"Como emular React Native no Windows sem Expo","datePublished":"2020-07-09T19:25:48+00:00","dateModified":"2024-09-24T21:00:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/"},"wordCount":1222,"publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/07\/hero2-750x410-1.png","articleSection":["Desenvolvimiento de software"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/","name":"React Native Windows: como emular com CLI e sem Expo","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/#primaryimage"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/07\/hero2-750x410-1.png","datePublished":"2020-07-09T19:25:48+00:00","dateModified":"2024-09-24T21:00:23+00:00","description":"Descubra como emular React Native no Windows diretamente usando o CLI e sem precisar de outras bibliotecas como o EXPO.","breadcrumb":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.geekhunter.com/pt/blog\/react-native-windows-emular-sem-expo\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/#primaryimage","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/07\/hero2-750x410-1.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/07\/hero2-750x410-1.png","width":750,"height":410},{"@type":"BreadcrumbList","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/react-native-windows-emular-sem-expo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.geekhunter.com/pt/blog\/"},{"@type":"ListItem","position":2,"name":"Mundo TI","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/"},{"@type":"ListItem","position":3,"name":"Desenvolvimiento de software","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/desenvolvimiento-de-software\/"},{"@type":"ListItem","position":4,"name":"Como emular React Native no Windows sem Expo"}]},{"@type":"WebSite","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","name":"Blog de TI","description":"Dicas para o RH e profissionais da \u00e1rea TI","publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.geekhunter.com/pt/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization","name":"GeekHunter","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","width":300,"height":300,"caption":"GeekHunter"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/geekhunterbr\/","https:\/\/x.com\/geekhunterbr","https:\/\/www.instagram.com\/geekhunterbr\/","https:\/\/www.linkedin.com\/company\/geekhunter-brasil\/","https:\/\/www.youtube.com\/@GeekHunterOfficial"]},{"@type":"Person","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400","name":"Geekhunter","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","caption":"Geekhunter"},"url":"https:\/\/www.geekhunter.com\/pt\/blog\/author\/matias\/"}]}},"_links":{"self":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/10468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/comments?post=10468"}],"version-history":[{"count":0,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/10468\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media\/10479"}],"wp:attachment":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media?parent=10468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/categories?post=10468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/tags?post=10468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}