| Opracowany przez | |
|---|---|
| Pierwsza wersja | 26 marca 2015 roku |
| Ostatnia wersja | 0,63,4 (30 listopada 2020 r) |
| Wersja zaawansowana | 0.64.0-rc.3 (23 listopada 2020 r) |
| Kaucja | github.com/facebook/react-native |
| Napisane w | JavaScript , Java , C ++ , Objective-C i Python |
| Rodzaj |
JavaScript JavaScript Framework ( w ) |
| Licencja | Licencja MIT |
| Stronie internetowej | facebook.github.io/react-native/ |
React Native to framework aplikacji mobilnych typu open source stworzony przez Facebooka . Służy do tworzenia aplikacji na Androida , iOS i UWP , umożliwiając programistom korzystanie z React z natywną funkcjonalnością tych platform.
W 2012 roku Mark Zuckerberg powiedział: „Największym błędem, jaki popełniliśmy jako firma, było zbyt duże postawienie na HTML w przeciwieństwie do natywnego”. Obiecał, że Facebook wkrótce zaoferuje lepsze wrażenia mobilne.
Wewnątrz Facebooka Jordan Walke znalazł sposób na generowanie elementów UI dla iOS z wątku JavaScript . Postanowili zorganizować wewnętrzny hackathon, aby udoskonalić ten prototyp , aby móc tworzyć natywne aplikacje za pomocą tej technologii.
Po miesiącach rozwoju Facebook wypuścił pierwszą wersję konfiguracji JavaScript Reacta w 2015 roku. W wywiadzie technicznym Christopher Chedeau wyjaśnił, że Facebook już używa React Native w produkcji swojej aplikacji grupowej i aplikacji do zarządzania reklamami.
Zasady działania React Native są prawie identyczne jak React, z wyjątkiem tego, że React Native nie manipuluje DOM poprzez wirtualny DOM . Działa w tle (który interpretuje kod JavaScript napisany przez programistów) bezpośrednio na terminalu i komunikuje się z natywną platformą za pośrednictwem bramy serializacji , asynchronicznej i wsadowej .
React Native nie używa HTML. Zamiast tego komunikaty z wątku JavaScript są używane do manipulowania widokami natywnymi.
Oto przykład „Hello World” w React Native:
import React from 'react'; import { AppRegistry, Text } from 'react-native'; const HelloWorldApp = () => { return ( <Text>Hello world!</Text> ); } export default HelloWorldApp; // Skip this line if using Create React Native App AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp); // The ReactJS code can also be imported into another component with the following code: import HelloWorldApp from './HelloWorldApp';