Created
February 20, 2019 14:22
-
-
Save OtavioBraga/06b846295887c41b23a21e4091f8549f to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
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&d=mm&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 <strong>ECMAScript 6</strong>, <strong>CSS Flexbox e</strong> <strong>JSX.</strong></p> <p> </p> <h2>Por onde começar?</h2> <p> </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> </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&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> (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á 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 à 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 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