Primeiros passos no React Native

React Native: Dúvidas Frequentes e Suporte

Confira abaixo algumas respostas para perguntas comuns sobre o React Native.

• Como executar minha aplicação no Android/iOS?

  Durante o desenvolvimento, a aplicação React Native pode ser executada diretamente no dispositivo com o Expo, sem a necessidade de emuladores. O Expo é um conjunto de ferramentas que nos permite compilar e enviar a aplicação para o dispositivo para teste e depuração. Essa ferramenta é executada a partir de um terminal e a comunicação entre ela e o dispositivo e feita a partir da leitura de um Qr Code.

  Quando a aplicação estiver pronta para ser publicada, você precisará do Xcode ou do Android Studio para gerar um aplicativo assinado, de acordo com as exigências de cada plataforma. Uma alternativa é usar um serviço de compilação em nuvem como o MacinCloud, que permite alugar um servidor executando o Mac OS. Veja mais detalhes sobre isso em https://portal.macincloud.com/select/#/plans.

• O que é React Native Flux/Redux?

  Flux é um assunto que será abordado em mais detalhes em breve. Por hora, podemos adiantar que se trata de um padrão de projeto que procura resolver o problema do acoplamento entre os eventos disparados por ações do usuário e a alteração do estado dos componentes.

  No MVC, interagir com a View dispara alguma lógica no Controller, que por sua vez diz ao Model como se atualizar. Após essa modificação acontecer, a View é recarregada.

  No padrão Flux a View encaminha ações para um outro ?agente?, conhecido como Store, que fica responsável por determinar qual estado deve ser alterado. Após essa alteração, o novo estado é então adicionado a View.

• Quem está usando o React Native?

  O React Native é uma estrutura de desenvolvimento de aplicativo móvel nativa multiplataforma criada pelo Facebook com base em sua biblioteca React JavaScript. O React Native usa principalmente JavaScript com JSX, uma extensão do JavaScript, ES6 (ECMAScript 6), uma grande atualização do JavaScript que inclui dezenas de novos recursos, e o React.JS, uma biblioteca JavaScript para criar interfaces de usuário. O React Native permite criar aplicativos móveis usando componentes React Native, que são compilados em aplicativos nativos quase idênticos aos aplicativos criados com ferramentas nativas.

  Sendo uma das ferramentas de desenvolvimento de plataforma híbrido mais poderosas e confiáveis, o React Native é usado por muitas das principais empresas e gigantes da tecnologia do mundo para desenvolver seus aplicativos móveis. Abaixo, mostramos alguns dos principais aplicativos móveis usando o React Native em diferentes categorias e casos de uso.

  • Facebook
  • Facebook Ads Manager
  • Facebook Analytics
  • Instagram
  • SoundCloud Pulse
  • Tesla
  • Uber Eats
  • Skype
  • Pinterest
  • Discord
  • Tencent QQ
  • Salesforce
  • F8
  • Walmart
  • Bloomberg
  • Grasshopper
  • Unacademy
  • 2048: 2048 é um jogo de quebra-cabeça de blocos deslizantes que ganhou fama em 2014.
  • CBS Sports Franchise Football
  • Vogue
  • Hive
  • Gyroscope Health
  • Discovery VR
  • Wix
  • KFC
  • delivery.com
  • Chop
  • adidas GLITCH
  • Myntra
  • Townske City Guides
  • Artsy
  • MoneyLion

• Eu preciso conhecer programação nativa?

  Com o React Native o programador tem a disposição uma biblioteca de componentes com os quais ele desenvolve aplicações nativas para Android/iOS. Isso significa dizer que a partir de um mesmo código, desenvolvemos aplicações para plataformas diferentes.

  Algumas vezes, entretanto, pode ser necessário utilizar algum recurso que existe em uma plataforma para implementar alguma funcionalidade. Nesses casos, o React Native possui componentes específicos para cada plataforma, como ToastAndroid ou PushNotificationIOS, por exemplo.

  Mesmo nesses casos, o programador precisa conhecer apenas a interface de cada componente, não sendo necessário, na maioria dos casos, conhecer os detalhes da implementação nativa de cada um deles.

• Eu preciso conhecer programação nativa?

  Com o React Native o programador tem a disposição uma biblioteca de componentes com os quais ele desenvolve aplicações nativas para Android/iOS. Isso significa dizer que a partir de um mesmo código, desenvolvemos aplicações para plataformas diferentes.

  Algumas vezes, entretanto, pode ser necessário utilizar algum recurso que existe em uma plataforma para implementar alguma funcionalidade. Nesses casos, o React Native possui componentes específicos para cada plataforma, como ToastAndroid ou PushNotificationIOS, por exemplo.

  Mesmo nesses casos, o programador precisa conhecer apenas a interface de cada componente, não sendo necessário, na maioria dos casos, conhecer os detalhes da implementação nativa de cada um deles.

• React Native é realmente Nativo?

  Então, como o React Native é diferente? Bem, ele não se enquadra na categoria híbrida, porque a abordagem é diferente. Quando aplicativos híbridos estão tentando tornar recursos específicos da plataforma reutilizáveis entre plataformas, o React Native possui recursos independentes da plataforma, mas também possui muitas implementações específicas da plataforma. Isso significa que, no iOS e no Android, o código parecerá diferente, mas entre 70% e 90% do código será reutilizado.

  O React Native também não depende de HTML ou CSS. Você escreve em JavaScript, mas esse JavaScript é compilado para código nativo específico da plataforma usando a ponte React Native. Isso acontece o tempo todo, mas, de certa forma, é otimizado para que o aplicativo funcione sem problemas em 60fps.

• O Xamarin é melhor do que o React Native?

  A interface do usuário mais rápida é fornecida pelo Xamarin, pois permite usar ferramentas nativas diretamente. Além disso, o Xamarin e o React Native fornecem estruturas personalizadas de design de interface do usuário que usam widgets nativos rápidos. A Ionic, no entanto, usa HTML com consequências óbvias (um impacto no desempenho e possíveis discrepâncias de aparência).

• React Native é a mesma coisa que React?

  O React Js é uma biblioteca Javascript onde você pode desenvolver e executar aplicativos da Web mais rápidos usando o React. O React-Native é uma estrutura em que o ReactJS é uma biblioteca javascript que você pode usar para o seu site.O React Native é para aplicativos móveis, enquanto o React é para sites (front-end). Ambos são frameworks criados pelo Facebook.