Reagieren nativ

Reagieren nativ
React-icon.svg
Entwickler (en) Facebook und Community
Erstveröffentlichung 26. März 2015; vor 7 Jahren[1]
Stabile Version
0,68Edit this on Wikidata / 30. März 2022; vor 4 Monaten
Repository https://github.com/facebook/react-native
Geschrieben in JavaScript, Java, C ++, Ziel c, Python
Plattform Android, Android TV, iOS, Mac OS, tvos, Netz, Fenster, UWP, und Vr
Typ Anwendungsrahmen
Lizenz MIT -Lizenz
Webseite reaktnativ.dev

Reagieren nativ ist ein Open Source UI Software -Framework erstellt von Meta -Plattformen, Inc.[2] Es wird verwendet, um Anwendungen für zu entwickeln Android,[3][4] Android TV,[5] iOS,[4] Mac OS,[6] tvos,[7] Netz,[8] Fenster[6] und UWP[9] indem Entwickler die Verwendung des Gebrauchs ermöglichen Reagieren Framework zusammen mit nativen Plattformfunktionen.[10] Es wird auch verwendet, um virtuelle Reality -Anwendungen bei zu entwickeln Oculus.[11]

Geschichte

In 2012 Mark Zuckerberg kommentierte: "Der größte Fehler, den wir als Unternehmen gemacht haben, war zu viel auf Html im Gegensatz zu Eingeborenen ".[12][13] Die Verwendung von HTML5 für die mobile Version von Facebook führte zu einer instabilen Anwendung, die Daten langsam abgerufen hat.[14] Er versprach Facebook würde bald ein besseres mobiles Erlebnis bieten.

In Facebook fand Jordan Walke einen Weg, um zu generieren UI Elemente für iOS vor Hintergrund JavaScript Faden, was zur Grundlage für die wurde React Web Framework. Sie beschlossen, eine interne zu organisieren Hackathon Um das zu perfektionieren Prototyp Um bauen zu können Native Apps mit dieser Technologie.[15]

Nach Monaten der Entwicklung veröffentlichte Facebook im Jahr 2015 die erste Version für die React JavaScript -Konfiguration. Während eines technischen Vortrags,[16] Christopher Chedeau erklärte, dass Facebook React Native in Produktion für ihre Gruppen -App und seine ADS -Manager -App bereits verwendete.[17]

Implementierung

Die Arbeitsprinzipien von React Native sind praktisch identisch mit Reagieren außer dass React Native das nicht manipuliert Dom über die Virtual Dom. Es läuft in einem Hintergrundprozess (was die interpretiert JavaScript geschrieben von den Entwicklern) direkt am Endentargen und kommuniziert über die native Plattform über Serialisierte Daten über ein asynchron und batched Brücke.[18][19]

React -Komponenten wickeln vorhandenen nativen Code ein und interagieren mit nativen APIs über React's deklaratives UI -Paradigma und JavaScript.

Während React Native Styling eine ähnliche Syntax wie CSS hat, wird es nicht verwendet Html oder CSS.[20] Stattdessen werden Nachrichten aus dem JavaScript -Thread verwendet, um native Ansichten zu manipulieren. Mit React Native -Entwicklern müssen native Code in den Sprachen der gezielten Plattform wie z. Java oder Kotlin zum Android, Ziel c oder Schnell zum iOS, und C ++/Winrt oder C# zum Windows 10.[Klarstellung erforderlich]

Microsoft baut und hält React nativ für Windows und reagiert nativ für macOS.

Hallo Weltbeispiel

A Hallo Welt Das Programm in React Native sieht Folgendes aus:

importieren { Appregistry, Text } aus "React-native"; importieren * wie Reagieren aus 'reagieren';  Const HelloWorldapp = () => {   Rückkehr <Text>Hallo Welt! </Text>; }  Export Ursprünglich HelloWorldapp;  Appregistry.RegisterComponent('Hallo Welt', () => HelloWorldapp);

Siehe auch

Verweise

  1. ^ "React Native: Moderne Web -Techniken zum Handy bringen". 26. März 2015.
  2. ^ "Kapitel 1. Was ist React Native?". oreilly.com. O’Reilly Media, Inc.. Abgerufen 30. Juli 2020.
  3. ^ "Android -Freisetzung für React Native". 14. September 2015.
  4. ^ a b Shankland, Stephen (29. März 2018). "Mozillas radikaler Open-Source-Umzug hat dazu beigetragen, die technischen Regeln neu zu schreiben". CNET. Abgerufen 11. Mai, 2022.
  5. ^ "Gebäude für TV -Geräte · React Native". Reactnative.dev. Abgerufen 2020-10-02.
  6. ^ a b "Reagieren Sie nativ für Windows + MacOS · Erstellen Sie native Windows & MacOS -Apps mit JavaScript und reagieren Sie". microsoft.github.io. Abgerufen 2020-10-02.
  7. ^ "Reagieren Sie nativ für Apple TV". Reagieren Sie nativ für Apple TV. Abgerufen 2020-10-02.
  8. ^ "Reagieren Sie nativ für Web". GitHub. Abgerufen 2019-11-06.
  9. ^ Windows Apps Team (13. April 2016). "Reagieren Sie nativ auf der universellen Windows -Plattform". blogs.windows.com. Abgerufen 2016-11-06.
  10. ^ "Out-of-Tree-Plattformen". Reactnative.dev. Facebook, Inc. Abgerufen 30. Juli 2020.
  11. ^ "Reagieren Sie nativ in H2 2021 · React Native". Reactnative.dev. Abgerufen 2021-08-20.
  12. ^ "Zuckerbergs größter Fehler? 'Wetten auf HTML5'". Massig. Abgerufen 7. April 2018.
  13. ^ Zuckerberg, Mark (2012-09-12). "Fireside -Chat mit dem Facebook -Gründer und CEO Mark Zuckerberg". Techcrunch (Interview). Abgerufen 2021-08-16.{{}}: CS1 Wartung: URL-Status (Link)
  14. ^ Warren, Christina. "Zuckerbergs größter Fehler? 'Wetten auf HTML5'". Massig. Abgerufen 2020-10-29.
  15. ^ "Eine Kurzgeschichte über React Native". Abgerufen 16. Januar 2018.
  16. ^ Christopher, Chedeau. "Ein tiefer Eintauchen in React Native". Youtube. Abgerufen 16. Januar 2018.
  17. ^ "React Native: Moderne Web -Techniken zum Handy bringen". 26. März 2015.
  18. ^ "Überbrückung in React Native". 14. Oktober 2015. Abgerufen 16. Januar 2018.
  19. ^ "Wie wir reagierte native App erstellen: 7 Dinge, die Ihre Entwicklungszeit retten. Teil 2". Abgerufen 2019-11-06.
  20. ^ "Native Stil reagieren". Abgerufen 24. Februar 2021.