Skip to content

Instantly share code, notes, and snippets.

@OtavioBraga
Created February 20, 2019 14:22
Show Gist options
  • Save OtavioBraga/06b846295887c41b23a21e4091f8549f to your computer and use it in GitHub Desktop.
Save OtavioBraga/06b846295887c41b23a21e4091f8549f to your computer and use it in GitHub Desktop.
{
id: 1,
title: 'Todos o plano unimed com 100% de desconto',
imageHeader: 'https://www.unimedcuritiba.com.br/wps/wcm/connect/04758f01-36ef-445c-bdc1-6e414c2cc8fc/Unimed-Laboratório.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-04758f01-36ef-445c-bdc1-6e414c2cc8fc-mv4JWd5',
body: '<div class="content"> <div class="card border-0 pb-2 my-4 d-flex flex-row"> <img src="https://secure.gravatar.com/avatar/84843736d55bafbd060df86a944a7278?s=96&amp;d=mm&amp;r=g" class="rounded-circle"> <div class="d-flex flex-column justify-content-center ml-3"> <span>Otávio Braga</span> <span>5 de Março de 2018 às 12:05</span> </div> </div> <p>É inegável que os aplicativos para dispositivos móveis dominaram o mercado. Seja no iOS, no Android ou em outras plataformas, os APPS são o principal canal para consumir informações atualmente. Pensando nisso os engenheiros do Facebook tem desenvolvido o React Native. O React Native consiste em um série de ferramentas que ajudam o desenvolvedor a criar aplicativos multiplataforma de forma fácil e rápida utilizando&nbsp;<strong>ECMAScript 6</strong>, <strong>CSS Flexbox e</strong>&nbsp;<strong>JSX.</strong></p> <p>&nbsp;</p> <h2>Por onde começar?</h2> <p>&nbsp;</p> <p>Existem diversas formas de ser começar um projeto com o React Native. Algumas pessoas preferem utilizar o React Native Cli porém a forma mais fácil é utilizando o <a href="https://expo.io">EXPO</a>. A instalação do expo é bem simples e tem apenas 6 passos.</p> <p>&nbsp;</p> <p>1. Faça o download e instalação do NodeJS.</p> <ul> <li><a href="https://nodejs.org/en/">Download do NodeJS</a></li> </ul> <p>2. Instale o cliente do EXPO no seu celular.</p> <ul> <li style="text-align: left;"><a href="https://itunes.apple.com/app/apple-store/id982107779">Link para a App Store</a></li> <li style="text-align: left;"><a href="https://play.google.com/store/apps/details?id=host.exp.exponent&amp;referrer=www">Link para a Play Store</a></li> </ul> <p>3. Com o nome instalado baixe o expo com o seguinte comando no terminal:</p> <ul> <li style="text-align: left;"><code>npm install exp --global</code></li> </ul> <p>4. Após instalar o Node e o Expo, você estará pronto para começar seu primeiro projeto com o React Native. Para isso, execute os seguintes comandos no terminal:</p> <ul> <li><code>exp init my-new-project</code></li> <li><code>cd my-new-project</code></li> <li><code>exp start</code>&nbsp;(Este comando deve exibir um QR code no seu terminal, guarde ele para a próxima etapa)</li> </ul> <p>5. Abra o Expo no seu celular, clique em Scan QR Code e aponte para o QR Code exibido no seu terminal.</p> <p>6. Pronto, é só isso! Agora você está&nbsp;pronto para começar criar seu app utilizando o React Native. Agora basta abrir a pasta do seu projeto utilizando algum editor de texto. Nós recomendamos o <a href="https://atom.io">Atom</a>, mas sinta-se à&nbsp;vontade para escolher seu editor de texto preferido.</p> <p>Outra coisa! Se você não tem muita familiaridade com linhas de comando, tente usar o <a href="https://github.com/expo/xde/releases">Expo XDE</a>, ele oferece todas as funcionalidades do Expo em uma interface amigável e fácil de usar.</p> <p>No&nbsp;próximo artigo vamos mostrar como criar uma lista de cards utilizando o React Native. Sigam-nos nas nossas redes sociais para não perder nenhum post. 🙂</p> </div>',
publishedAt: '2018-11-22T14:10:16.326903',
featured: true
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment