Reaguj natywnie — React Native

Reaguj natywnie
React-icon.svg
Deweloper(zy) Facebook i społeczność
Pierwsze wydanie 26 marca 2015 r .; 6 lat temu ( 2015-03-26 )
Wersja stabilna
0.65.1 / 19 sierpnia 2021 ; 35 dni temu ( 2021-08-19 )
Magazyn https://github.com/facebook/react-native
Napisane w JavaScript , Java , C++ , Cel-C , Cel-C++ , Python
Platforma Android , Android TV , iOS , macOS , tvOS , Internet , Windows , UWP i VR
Rodzaj Ramy aplikacji
Licencja Licencja MIT
Strona internetowa reaktywny .dev

React Native to platforma oprogramowania UI typu open source stworzona przez firmę Facebook, Inc. Służy do tworzenia aplikacji dla systemów Android , Android TV , iOS , macOS , tvOS , Web , Windows i UWP , umożliwiając programistom korzystanie z platformy React wraz z natywnymi możliwości platformy. Jest również używany do tworzenia aplikacji wirtualnej rzeczywistości w firmie Oculus .

Historia

W 2012 roku Mark Zuckerberg skomentował: „Największym błędem, jaki popełniliśmy jako firma, było zbytnie obstawianie kodu HTML zamiast natywnego”. Korzystanie z HTML5 dla mobilnej wersji Facebooka spowodowało niestabilną aplikację, która powoli pobierała dane. Obiecał, że Facebook wkrótce zapewni lepsze wrażenia mobilne.

Wewnątrz Facebooka Jordan Walke znalazł sposób na generowanie elementów UI dla iOS z działającego w tle wątku JavaScript , który stał się podstawą frameworka webowego React . Postanowili zorganizować wewnętrzny Hackathon, aby udoskonalić ten prototyp , aby móc budować natywne aplikacje z tą technologią.

Po miesiącach prac, Facebook wydał pierwszą wersję konfiguracji React JavaScript Configuration w 2015 roku. Podczas rozmowy technicznej Christopher Chedeau wyjaśnił, że Facebook używa już React Native w produkcji swojej aplikacji Group App i Ads Manager App.

Realizacja

Zasady pracy z React Native są praktycznie identyczne React chyba że React Native nie manipulować DOM za pośrednictwem Wirtualnej DOM . Działa w procesie w tle (który interpretuje kod JavaScript napisany przez programistów) bezpośrednio na urządzeniu końcowym i komunikuje się z natywną platformą za pośrednictwem danych serializowanych przez most asynchroniczny i wsadowy .

Komponenty Reacta otaczają istniejący kod natywny i wchodzą w interakcję z natywnymi interfejsami API za pośrednictwem deklaratywnego paradygmatu interfejsu użytkownika i języka JavaScript .

Chociaż styl React Native ma podobną składnię do CSS, nie używa HTML ani CSS . Zamiast tego komunikaty z wątku JavaScript służą do manipulowania widokami natywnymi. React Native pozwala również programistom pisać natywny kod w językach takich jak Java lub Kotlin dla Androida , Objective-C lub Swift dla iOS oraz C++/WinRT lub C# dla Windows 10 , co czyni go jeszcze bardziej elastycznym.

Microsoft tworzy i utrzymuje React Native dla Windows i React Native dla macOS .

Przykład Witaj świecie

Program Hello, World w React Native wygląda tak: 

import { AppRegistry, Text } from 'react-native';
import * as React from 'react';

const HelloWorldApp = () => {
  return <Text>Hello world!</Text>;
}

export default HelloWorldApp;

AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);

Zobacz też

Bibliografia