Es begann 2013 als internes Hackathon-Projekt bei Facebook. Damals hatten die Ingenieure des riesigen Social-Media-Unternehmens keine Ahnung, dass sie an einer Plattform arbeiteten, die als Plattform f\u00fcr einige der ber\u00fchmten mit React entwickelten Apps dienen w\u00fcrde. Der Hunger nach mit React entwickelten Anwendungen sollte Millionen von Benutzern faszinieren.<\/p>\r\n\r\n\r\n\r\n
Facebook ver\u00f6ffentlichte 2015 offiziell das Open-Source-Framework React Native und seitdem wird das Framework weltweit als die Nr. 1-L\u00f6sung f\u00fcr die plattform\u00fcbergreifende Entwicklung mobiler Anwendungen gefeiert.<\/p>\r\n\r\n\r\n\r\n
React Native ist ein Framework zur plattform\u00fcbergreifenden Entwicklung von mobilen Anwendungen und kombiniert JavaScript mit JSX. Im Vergleich zu anderen Frameworks bietet es Dutzende neuer und innovativer Funktionen, was es besonders attraktiv f\u00fcr Entwickler von mobilen Anwendungen macht.<\/p>\r\n\r\n\r\n\r\n
React Native ist das erste Framework, das erfolgreich die Vorteile von nativen und hybriden Anwendungen vereint. Im Durchschnitt teilen sich die Android- und iOS-Versionen derselben App etwa 60\u201370 % des Codes, was die Entwicklungszeit erheblich verk\u00fcrzt und eine native Benutzererfahrung bietet.<\/p>\r\n\r\n\r\n\r\n
Dank des Erfolgs von React Native als plattform\u00fcbergreifendes Framework setzen viele Startups und Unternehmen unterschiedlicher Gr\u00f6\u00dfen und Branchen auf diese Struktur.<\/p>\r\n\r\n\r\n\r\n
React-Komponenten sind rein und ihre nebenwirkungsfreien Funktionen geben Ansichten in Echtzeit wieder, so wie sie aussehen. Dadurch wird es einfacher, zustandsabh\u00e4ngige Ansichten zu schreiben, da das Framework automatisch Aktualisierungen vornimmt, wenn sich der Zustand \u00e4ndert.<\/p>\r\n\r\n\r\n\r\n
Die Benutzeroberfl\u00e4che (UI) verwendet echte native Ansichten, wodurch die endg\u00fcltige Benutzererfahrung weitaus besser ist als bei anderen L\u00f6sungen, die nur Webkomponenten in einer WebView anzeigen.<\/p>\r\n\r\n\r\n\r\n
Hier entdecken Sie einige beeindruckende React Native Apps, die zeigen, wie vielseitig das Framework ist. Viele bekannte Marken und beliebte Anwendungen, die mit React Native entwickelt wurden, setzen neue Ma\u00dfst\u00e4be.<\/p>\r\n\r\n\r\n\r\n
Die Vielseitigkeit dieses Frameworks ist beeindruckend und sorgt daf\u00fcr, dass Entwickler immer wieder auf React Native als plattform\u00fcbergreifende L\u00f6sung setzen.<\/p>\r\n\r\n\r\n\r\n
Wie bereits erw\u00e4hnt, begann React Native als Projekt des Social Media-Giganten Facebook bei einem Hackathon und wurde als Antwort auf die damaligen Anforderungen von Facebook entwickelt.<\/p>\r\n\r\n\r\n\r\n
Facebook verfolgte das Ziel, alle Vorteile der Webentwicklung \u2013 einschlie\u00dflich schneller Iterationen und der M\u00f6glichkeit, dass ein Team das gesamte Produkt erstellt \u2013 auf mobile Apps zu \u00fcbertragen. React Native wurde entwickelt und wurde bald f\u00fcr die mobile Anwendungsentwicklung auf Android und iOS genutzt.<\/p>\r\n\r\n\r\n\r\n
Um die Leistungsf\u00e4higkeit und Performance der App, wie etwa die Startzeit, zu testen, \u00fcbertrug das Entwicklungsteam das \u201eEvents Dashboard\u201c der iOS-Anwendung von Facebook auf React Native.<\/p>\r\n\r\n\r\n\r\n
Eine schnelle Startzeit ist entscheidend, da sie einen gro\u00dfen Teil des ersten Eindrucks ausmacht, den ein Benutzer von der App erh\u00e4lt \u2013 ein wichtiger Faktor, ob der Benutzer die App weiterhin nutzt.<\/p>\r\n\r\n\r\n\r\n
Das Facebook-Team erzielte beeindruckende Ergebnisse und konnte die Time-to-Market erfolgreich halbieren. Das Ergebnis zeigt die signifikanten Leistungsverbesserungen, von denen Nutzer heute profitieren. Das \u201eEvents Dashboard\u201c l\u00e4dt doppelt so schnell, da die meisten Verbesserungen auf Framework-Ebene durchgef\u00fchrt wurden. Dies bedeutet, dass jede React Native App automatisch profitiert, wenn sie auf die neueste Version des Frameworks aktualisiert wird.<\/p>\r\n\r\n\r\n\r\n
Instagram und React Native: Foto- und Video-Kategorie<\/strong><\/p>\r\n\r\n\r\n\r\n Im Jahr 2014 erwarb Facebook dieses soziale Netzwerk zur Foto\u00fcbertragung, und bald begann das Entwicklungsteam von Facebook mit dem Umbau der App. Als React Native sp\u00e4ter erschien, war schnell klar, dass dies das Framework sein w\u00fcrde, f\u00fcr das sie sich entscheiden w\u00fcrden.<\/p>\r\n\r\n\r\n\r\n Das Entwicklerteam von Instagram begann 2016, das Konzept der Implementierung von React Native in bestehende native Apps zu erkunden. Sie starteten mit dem einfachsten Aspekt, n\u00e4mlich Push-Benachrichtigungen. Die zufriedenstellenden Ergebnisse f\u00fchrten dazu, dass das Team begann, an anderen Teilen der Anwendung zu arbeiten.<\/p>\r\n\r\n\r\n\r\n React Native erm\u00f6glichte es dem Entwicklungsteam, Funktionen viel schneller f\u00fcr die Android- und iOS-Versionen der App bereitzustellen. Der Anteil des gemeinsamen Codes liegt zwischen 85 Prozent in der Moderationsansicht der Kommentare und 99 Prozent in der Ansicht zur F\u00f6rderung von Beitr\u00e4gen.<\/p>\r\n\r\n\r\n\r\n Facebook Ads und React Native<\/strong><\/p>\r\n\r\n\r\n\r\n Facebook Ads war die erste React Native-App f\u00fcr Android und die erste vollst\u00e4ndig auf React Native basierende plattform\u00fcbergreifende App, die vom Unternehmen entwickelt wurde.<\/p>\r\n\r\n\r\n\r\n Das Framework erwies sich als geeignet f\u00fcr mehrere komplexe Gesch\u00e4ftslogiken, die Unterschiede in Zeitzonen, Anzeigenformaten, W\u00e4hrungen, W\u00e4hrungsformaten, Datumsformaten usw. genau verwalten. Ein gro\u00dfer Teil der App war bereits in JavaScript entworfen.<\/p>\r\n\r\n\r\n\r\n Die Benutzeroberfl\u00e4che der App ist \u00e4u\u00dferst sauber, mit einer intuitiven Benutzererfahrung und einfacher Navigation. Die \u00dcberg\u00e4nge und Animationen sind perfekt und wirken zu keinem Zeitpunkt ruckelig oder unnat\u00fcrlich.<\/p>\r\n\r\n\r\n\r\n Instagram ist blitzschnell, unabh\u00e4ngig davon, welche Aktionen die Benutzer durchf\u00fchren m\u00f6chten. Alles, was die App ben\u00f6tigt, sind ein oder zwei Sekunden, um auf die Daten zuzugreifen oder zur n\u00e4chsten Ebene zu navigieren.<\/p>\r\n\r\n\r\n\r\n SoundCloud Pulse: Musik-Kategorie<\/strong><\/p>\r\n\r\n\r\n\r\n SoundCloud ist derzeit die weltweit gr\u00f6\u00dfte Musik- und Soundplattform mit bis zu 150 Millionen Titeln. Die Plattform entwickelt sich derzeit zu einem pulsierenden Netzwerk von K\u00fcnstlern, die st\u00e4ndig neue Musik hochladen.<\/p>\r\n\r\n\r\n\r\n Die auf React Native basierende App von SoundCloud Pulse gibt den Nutzern die M\u00f6glichkeit, ihre Aufnahmen zu verwalten, ihre Details zu \u00fcberpr\u00fcfen und auf Kommentare zu antworten, unabh\u00e4ngig davon, ob sie sich im Transportmittel, im Studio oder einfach nur von ihrem Schreibtisch entfernt befinden.<\/p>\r\n\r\n\r\n\r\n SoundCloud ist eine hervorragende App f\u00fcr kreative Macher, bei der sie ihre Aufnahmen erstellen und verwalten k\u00f6nnen, um ihre Community lebendig und aktiv zu halten. React Native wurde hilfreich, als das Unternehmen mit dem Mangel an Entwicklern zu k\u00e4mpfen hatte, um die zweite Reihe nativer Apps zu erstellen.<\/p>\r\n\r\n\r\n\r\n Aufgrund der unzureichenden Anzahl an iOS-Entwicklern sah sich das Unternehmen mit der M\u00f6glichkeit eines gro\u00dfen Abstands zwischen den Android- und iOS-Versionen konfrontiert.<\/p>\r\n\r\n\r\n\r\n Das Forschungsteam von SoundCloud entschied sich f\u00fcr die Verwendung von React Native-Modellen, hatte jedoch einige Schwierigkeiten. Das Unternehmen war jedoch optimistisch gegen\u00fcber der neuen Technologie, da die Arbeit mit der React Native-App weitaus einfacher war als mit rein nativen Ans\u00e4tzen.<\/p>\r\n\r\n\r\n\r\n Walmart und React Native<\/strong><\/p>\r\n\r\n\r\n\r\n Walmart betreibt eine riesige Kette von Superm\u00e4rkten, Lebensmittelgesch\u00e4ften und Discount-Abteilungen auf der ganzen Welt. Es besteht daher kein Zweifel, dass der Einzelhandelsriese eine der gr\u00f6\u00dften Firmen der Welt ist. Das Unternehmen erzielte 2019 \u00fcber 500 Millionen Dollar Umsatz und sicherte sich damit den ersten Platz auf der Fortune-500-Liste.<\/p>\r\n\r\n\r\n\r\n Die Walmart-App ist mit zahlreichen verschiedenen Funktionen ausgestattet. Sie erm\u00f6glicht es den Nutzern, online einzukaufen, Preise im Gesch\u00e4ft zu \u00fcberpr\u00fcfen, Produkte zu finden und sogar das mobile Wallet-System Walmart Pay zu nutzen.<\/p>\r\n\r\n\r\n\r\n Die Entwicklung einer App, die eine so gro\u00dfe Vielzahl von Funktionen bew\u00e4ltigen kann, stellte eine gro\u00dfe Herausforderung f\u00fcr das Entwicklungsteam von Walmart dar. Sie wandten sich an React Native als L\u00f6sung. Nat\u00fcrlich entt\u00e4uschte das Framework die Entwickler in keiner Weise.<\/p>\r\n\r\n\r\n\r\n Derzeit wird bis zu 95 Prozent des Codebases von Walmart zwischen den Android- und iOS-Apps geteilt, was darauf hinweist, dass das plattform\u00fcbergreifende Arbeiten nahtlos und erstaunlich gut f\u00fcr den Einzelhandelsriesen funktionierte.<\/p>\r\n\r\n\r\n\r\n Nachdem Node.js in den Tech-Stack des Unternehmens integriert wurde, wurde die gesamte Anwendung in React Native verfasst.<\/p>\r\n\r\n\r\n\r\n Discord und React Native<\/strong><\/p>\r\n\r\n\r\n\r\n Discord ist eine plattform\u00fcbergreifende Text- und Sprachchat-Anwendung, die nahtlos auf Ihrem Desktop und Smartphone als mobile Anwendung funktioniert. Diese mobile App ist bei Gamern \u00e4u\u00dferst beliebt, obwohl auch viele Millennials Discord f\u00fcr nicht-gamingbezogene Zwecke nutzen, \u00e4hnlich wie eine Social-Media-Plattform.<\/p>\r\n\r\n\r\n\r\n Die Discord-Anwendung geh\u00f6rt zu den ersten Apps auf dem Markt, die mit React Native entwickelt wurden. Das Unternehmen entschied sich, diese bemerkenswerte Technologie f\u00fcr seine iOS-Mobile-Anwendung zu verwenden, noch bevor die neue Struktur vor einigen Jahren offiziell ver\u00f6ffentlicht wurde.<\/p>\r\n\r\n\r\n\r\n Die App erm\u00f6glicht es den Nutzern, mit all ihren Discord-Chat- und Sprachkan\u00e4len verbunden zu bleiben, selbst wenn sie von der Konsole weg sind. Sie ist die perfekte App, um mit Freunden zu kommunizieren und zu sehen, wer online spielt.<\/p>\r\n\r\n\r\n\r\n React Native hat sich bei Discord als \u00e4u\u00dferst erfolgreich erwiesen, da es den Entwicklern erm\u00f6glicht, wiederverwendbaren Code zu schreiben und schnell und effizient zu iterieren. Ein zweik\u00f6pfiges Entwicklungsteam kann die App sogar verwalten!<\/p>\r\n\r\n\r\n\r\n Discord unternahm einen kleinen Versuch, React Native auf der Android-Plattform zu verwenden, den sie innerhalb von zwei Tagen mit ber\u00fchmten Apps, die mit React entwickelt wurden, umschreiben konnten. Allerdings entschied sich das Unternehmen f\u00fcr Kotlin. Dennoch sind sie weiterhin im Spiel mit React Native auf iOS.<\/p>\r\n\r\n\r\n\r\n UberEats und React Native<\/strong><\/p>\r\n\r\n\r\n\r\n UberEats ist ein weiterer Dienst, der von Uber angeboten wird. Die Idee hinter diesem einzigartigen Service ist es, den Lebensmittelzustellprozess von Restaurants f\u00fcr Kunden oder Nutzer erheblich zu erleichtern und den Zustellpartnern eine au\u00dfergew\u00f6hnlich flexible M\u00f6glichkeit zu bieten, Geld zu verdienen. Die Herausforderung dieses Dienstes bestand darin, drei abstrakte Entit\u00e4ten nahtlos zu verbinden: Fahrer, Restaurants und Verbraucher.<\/p>\r\n\r\n\r\n\r\n Das Entwicklungsteam von Uber sah sich der Herausforderung gegen\u00fcber, das bestehende Restaurant-Dashboard sowohl f\u00fcr Android als auch f\u00fcr iOS mobil zu \u00fcbersetzen. Sie stellten fest, dass das Restaurant-Dashboard haupts\u00e4chlich \u00fcber mobile Ger\u00e4te oder Smartphones aufgerufen wurde.<\/p>\r\n\r\n\r\n\r\n Sie wollten auch ein Dashboard f\u00fcr Restaurants mit Funktionen wie Push-Benachrichtigungen, Tonbenachrichtigungen usw. hinzuf\u00fcgen. Die App selbst verwendete eine Webanwendung, um ihre Benutzeroberfl\u00e4che auf den mobilen Ger\u00e4ten der Nutzer darzustellen. Dies f\u00fchrte jedoch bei den Nutzern zu erheblichen Problemen in Form von unvollst\u00e4ndigen und oft verz\u00f6gerten Informationen, was zu einem Verlust an Gesch\u00e4ft f\u00fchrte.<\/p>\r\n\r\n\r\n\r\n Daher wandte sich das Entwicklungsteam von UberEats an React Native als L\u00f6sung. React Native stellt jedoch nur einen kleinen Teil der mobilen Anwendung dar. Das Entwicklungsteam von Uber ist jedoch zuversichtlich in die F\u00e4higkeiten des Frameworks, da es die Benutzererfahrung f\u00fcr Restaurantbesitzer verbessert, Downloads steigert und positive Bewertungen erh\u00f6ht hat \u2013 wenn es darum geht, den Dienst zu erweitern und zu skalieren.<\/p>\r\n\r\n\r\n\r\n Bloomberg und React Native<\/strong><\/p>\r\n\r\n\r\n\r\n Die Bloomberg-Anwendung bietet Benutzern globale Finanz- und Wirtschaftsnachrichten. Die neue mobile Verbraucher-App f\u00fcr Android und iOS bietet Benutzern oder Kunden ein interaktives und optimiertes Erlebnis mit einfach zug\u00e4nglichen personalisierten Inhalten, Live-Feeds und Videos, die in allen Medien von Bloomberg zu sehen sind.<\/p>\r\n\r\n\r\n\r\n Um diese App zu entwickeln, musste ein Entwicklungsteam in Bloombergs Hauptsitz in New York City React Native \u00fcbernehmen und verbrachte viel Zeit damit, die Versionen der Android- und iOS-Apps einzeln zu entwickeln und zu aktualisieren.<\/p>\r\n\r\n\r\n\r\n Das Team Bloomberg testete den mit React Native entwickelten Prototyp gr\u00fcndlich und \u00fcbernahm die Technologie aufgrund ihrer gleichzeitigen Aktualisierung von Anwendungen f\u00fcr plattform\u00fcbergreifende Anwendungen.<\/p>\r\n\r\n\r\n\r\n Ein weiterer beeindruckender Vorteil von React Native \u2013 den das Team Bloomberg bemerkte und nutzte \u2013 ist, dass das Framework Code-Aktualisierungen automatisiert und so die Ver\u00f6ffentlichung neuer Produktfunktionen beschleunigt. Ihre mobile App wird sofort neu geladen, anstatt neu kompiliert zu werden.<\/p>\r\n\r\n\r\n\r\n Townske und React Native<\/strong><\/p>\r\n\r\n\r\n\r\n Townskes Ziel ist es, der f\u00fchrende Reiseinspirations-Stadtf\u00fchrer zu sein. Die Anwendung verbindet Benutzer mit Einheimischen, um eine Liste mit Lieblingsorten zu erhalten. Au\u00dferdem erstellt sie eine kuratierte Liste mit Orten, die man erkunden und erleben kann, wie es die Einheimischen tun.<\/p>\r\n\r\n\r\n\r\n Es ist nicht einmal zwingend erforderlich, dass Benutzer ein Konto haben, sodass sie den n\u00e4chsten Ort, den sie besuchen m\u00f6chten, schnell finden k\u00f6nnen.<\/p>\r\n\r\n\r\n\r\n React Native konzentriert sich ausschlie\u00dflich auf die Erstellung einer mobilen Benutzeroberfl\u00e4che. Dadurch \u00e4hnelt es eher einer JavaScript-Bibliothek als einem Framework, insbesondere im Vergleich zu anderen JavaScript-Frameworks wie MeteorJS oder AngularJS.<\/p>\r\n\r\n\r\n\r\n Die resultierende Benutzeroberfl\u00e4che ist dank der asynchronen JavaScript-Interaktion mit der nativen Umgebung \u00e4u\u00dferst reaktionsschnell und fl\u00fcssig. Dies bedeutet, dass die Anwendung fl\u00fcssigere und schnellere Ladezeiten als die typische Hybrid-App sowie ein fl\u00fcssigeres Gef\u00fchl ber\u00fchmter mit React erstellter Apps aufweist.<\/p>\r\n\r\n\r\n\r\n Wix und React Native<\/strong><\/p>\r\n\r\n\r\n\r\n Wix wurde 2006 gegr\u00fcndet und ist ein Online-Unternehmen, das sowohl Website-Design als auch Webhosting-Dienste anbietet. Benutzer k\u00f6nnen ihre Websites in CSS\/HTML5 sowie mobile Websites mithilfe von Drag-and-Drop-Dienstprogrammen erstellen und gestalten.<\/p>\r\n\r\n\r\n\r\n Zwei der beliebtesten Funktionen der Plattform erm\u00f6glichen es Entwicklern, ihre eigenen Apps zu erstellen, um sie an andere Benutzer zu vermarkten. Und Benutzer m\u00fcssen keine Programmierkenntnisse haben oder lernen, um eine Website zu erstellen.<\/p>\r\n\r\n\r\n\r\n F\u00fcr die Navigation zu React Native-Apps stehen mehrere Navigationsoptionen zur Verf\u00fcgung, z. B. React-native-router-flux, Airbnb-native-navigation, react-navigation und Wix-react-native-navigation.<\/p>\r\n\r\n\r\n\r\n Einige Benutzer von Wix bevorzugen react-native-navigation aufgrund der hochgradig konfigurierbaren Bildschirmoptionen und Navigation sowie der aktualisierten und ordnungsgem\u00e4\u00df gepflegten Codebasis.<\/p>\r\n\r\n\r\n\r\n Nachdem Sie nun Beispiele f\u00fcr React Native-Apps gesehen haben, die sich einen Namen gemacht haben, ist klar, dass ber\u00fchmte, mit React erstellte Apps wirklich erfolgreich sind.<\/p>\r\n\r\n\r\n\r\n React Native hat in puncto Agilit\u00e4t und Geschwindigkeit der Webentwicklung die Nase vorn gegen\u00fcber der nativen App-Entwicklung, die normalerweise mit geringerer Produktivit\u00e4t der Entwickler, Ineffizienz und langsamer Bereitstellungszeit verbunden ist. Und deshalb w\u00e4hlt Wix dieses Framework f\u00fcr seine Dienste.<\/p>\r\n\r\n\r\n\r\n Wie in diesem Artikel erl\u00e4utert, ist React Native eine \u00e4u\u00dferst beeindruckende moderne Technologie, die Startups und etablierten Organisationen auf der ganzen Welt hilft, neue \u2013 und bestehende \u2013 Kunden auf mobilen Plattformen zu erreichen.<\/p>\r\n\r\n\r\n\r\n React Native ist effektiv, schnell und f\u00fcr JavaScript-Entwickler relativ einfach zu erlernen. Wenn Ihr Ziel also darin besteht, Ihre Reichweite zu erweitern und Dienste \u00fcber Smartphones bereitzustellen, sollten Sie in Betracht ziehen, ein React-App-Entwicklungsunternehmen zu beauftragen, das Ihnen bei der Erstellung einer in React entwickelten Anwendung hilft.<\/p>\r\n","protected":false},"excerpt":{"rendered":" Es begann 2013 als internes Hackathon-Projekt bei Facebook. Damals hatten die Ingenieure des riesigen Social-Media-Unternehmens keine Ahnung, dass sie an einer Plattform arbeiteten, die als Plattform f\u00fcr einige der ber\u00fchmten mit React entwickelten Apps dienen w\u00fcrde. Der Hunger nach mit React entwickelten Anwendungen sollte Millionen von Benutzern faszinieren. Facebook ver\u00f6ffentlichte 2015 offiziell das Open-Source-Framework React […]<\/p>\n","protected":false},"author":8,"featured_media":1327,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[1171],"tags":[],"class_list":{"0":"post-8685","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-uncategorized-de"},"yoast_head":"\n