React Native

Origem: Wikipédia, a enciclopédia livre.
React Native
React-icon.svg
Autor Facebook e comunidade
Desenvolvedor Facebook
Modelo do desenvolvimento Software de código aberto
Lançamento 26 de março de 2015 (6 anos)
Versão estável 0.63.3 (29 de setembro de 2020; há 11 meses [1])
Idioma(s) Multilíngue
Escrito em Javascript, TypeScript
Sistema operativo Multiplataforma
Gênero(s) Biblioteca JavaScript
Licença Licença MIT
Estado do desenvolvimento Corrente
Página oficial facebook.github.io/react-native/


React Native é uma biblioteca Javascript criada pelo Facebook.[2] É usada para desenvolver aplicativos para os sistemas Android [3] e iOS de forma nativa.

História[editar | editar código-fonte]

Em 2012 Mark Zuckerberg comentou, "O maior erro que cometemos como empresa foi apostar demais em HTML5 em oposição ao nativo". Ele prometeu que o Facebook logo entregaria uma melhor experiência móvel.

Dentro do Facebook, Jordan Walke encontrou uma maneira de gerar elementos de interface do usuário para iOS a partir de um thread JavaScript em segundo plano. Eles decidiram organizar um Hackathon interno para aperfeiçoar esse protótipo para poder criar aplicativos nativos com essa tecnologia

Após meses de desenvolvimento, o Facebook lançou a primeira versão do React em 2015. Durante uma palestra técnica [4], Christopher Chedeau explicou que o Facebook já estava usando o React Native em produção.

Implementação[editar | editar código-fonte]

Os princípios de funcionamento do React Native são virtualmente idênticos ao ReactJs, exceto que o React Native não manipula o DOM através do Virtual DOM. Ele é executado em um processo em segundo plano (que interpreta o JavaScript escrito pelos desenvolvedores) diretamente no dispositivo final e se comunica com a plataforma nativa por meio de uma serialização, uma ponte assíncrona e em lote.[5][6]

O React Native não usa HTML. Em vez disso, trabalha com Javascript puro com sintaxe JSX.


Exemplo Olá Mundo[editar | editar código-fonte]

Um Olá, Mundo em React Native:

import React, {Component} from 'react';
import {Text, View} from 'react-native';

class HelloReactNative extends Component {
  render() {
    return (
      <View>
        <Text>
          Olá, mundo!
        </Text>
        <Text>
          Ao invés de 'div' e 'span', você usa componentes nativos como 'View' e 'Text'.
        </Text>
      </View>
    );
  }
}
  1. «Releases – Facebook/React». GitHub (em inglês) 
  2. «Git-hub React-Native» 
  3. «Android Release for React Native» 
  4. «A Deep Dive into React Native». YouTube 
  5. «Bridging in React Native». 14 October 2015. Consultado em 16 January 2018  Verifique data em: |acessodata=, |data= (ajuda)
  6. «React Native Framework»  Thursday, 13 September 2018