React Native

Esta página cita fontes, mas que não cobrem todo o conteúdo. Ajude a inserir referências. Conteúdo não verificável pode ser removido.—Encontre fontes: ABW  • CAPES  • Google (N • L • A) (Outubro de 2020)

React Native
Autor	Facebook e comunidade
Desenvolvedor	Facebook
Modelo do desenvolvimento	Software de código aberto
Lançamento	26 de março de 2015 (9 anos)
Versão estável	0.63.3 (29 de setembro de 2020; há 3 anos )
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. É usada para desenvolver aplicativos para os sistemas Android e iOS de forma nativa.

História

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, Christopher Chedeau explicou que o Facebook já estava usando o React Native em produção.

Implementação

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.

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

Exemplo Olá Mundo

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>
    );
  }
}