React Native

React Native

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 )
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 é um framework de código aberto criado pela Meta Platforms, Inc. É usado para desenvolver aplicativos para Android , Android TV, iOS, macOS, tvOS, Web, Windows, e UWP, permitindo que os desenvolvedores usem a estrutura React juntamente com os recursos nativos de cada plataforma. Ele é usado para desenvolver aplicativos Android e iOS no Facebook, Microsoft e Shopify. Também está sendo usado para desenvolver aplicativos de realidade virtual na Oculus.

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