Reagovat nativní - React Native

Reagovat nativní
React-icon.svg
VývojářiFacebook a komunita
První vydání26. března 2015; před 5 lety (2015-03-26)[1]
Stabilní uvolnění
0.63.4 / 30. listopadu 2020; Před 8 dny (2020-11-30)[2]
Náhled verze
0.64.0-rc.1 / 25. listopadu 2020; Před 13 dny (2020-11-25)[2]
Úložištěhttps://github.com/facebook/react-native
NapsánoJavaScript, Jáva, C ++, Cíl-C, Objective-C ++, Krajta
PlošinaAndroid, Android TV, iOS, Operační Systém Mac, tvOS, Web a Okna
TypRámec aplikace
LicenceLicence MIT
webová stránkareaktivní. dev

Reagovat nativní je open-source rámec pro mobilní aplikace vytvořil Facebook, Inc.[3] Používá se k vývoji aplikací pro Android[4], Android TV[5], iOS, Operační Systém Mac[6], tvOS[7], Web[8], Okna[6] a UWP[9] umožněním vývojářům používat Reagovat rámec spolu s možnostmi nativní platformy[10].

Dějiny

V roce 2012 Mark Zuckerberg komentoval: „Největší chybou, které jsme jako společnost udělali, bylo příliš velké sázení HTML na rozdíl od nativního ".[11] Použití HTML5 pro mobilní verzi Facebooku vedlo k nestabilní aplikaci, která načítala data pomalu.[12]> Slíbil Facebook brzy přinese lepší mobilní zážitek.

Uvnitř Facebook Jordan Walke našel způsob, jak generovat UI prvky pro iOS z pozadí JavaScript vlákno.[13][kruhový odkaz ] Rozhodli se uspořádat interní Hackathon zdokonalit to prototyp aby bylo možné stavět nativní aplikace s touto technologií.[14]

Po měsících vývoje Facebook vydala první verzi pro React JavaScript Configuration v roce 2015. Během technické přednášky[15] Christopher Chedeau to vysvětlil Facebook již používal React Native ve výrobě pro svou Skupinovou aplikaci a svoji Správce reklam.[16]

Implementace

Pracovní principy React Native jsou prakticky identické Reagovat kromě toho, že React Native nemanipuluje DOM přes Virtuální DOM. To běží v proces na pozadí (který interpretuje JavaScript napsané vývojáři) přímo na koncovém zařízení a komunikuje s nativní platformou prostřednictvím a serializace, asynchronní a dávkově Most.[17][18][19]

Komponenty React zabalí existující nativní kód a komunikují s nativními API prostřednictvím React deklarativní paradigma uživatelského rozhraní a JavaScript. To umožňuje vývoj nativních aplikací pro zcela nové týmy vývojářů a umožňuje stávajícím nativním týmům pracovat mnohem rychleji.[20]

React Native nepoužívá HTML nebo CSS. Místo toho se zprávy z vlákna JavaScriptu používají k manipulaci s nativními zobrazeními. React Native také umožňuje vývojářům psát nativní kód v jazycích, jako je Jáva pro Android a Cíl-C nebo Rychlý pro iOS díky nimž je ještě flexibilnější.

Příklad Hello World

A Ahoj světe program v React Native vypadá takto:

 1import Reagovat z 'reagovat'; 2import { AppRegistry, Text } z ‚reagovat nativně '; 3 4konst HelloWorldApp = () => <Text>Ahoj svět!</ Text>; 5vývozní výchozí HelloWorldApp; 6 7// Tento řádek přeskočte, pokud používáte Create React Native App 8AppRegistry.registerComponent('Ahoj světe', () => HelloWorldApp); 910// Nativní kód React lze také importovat z jiné komponenty s následujícím kódem:11import HelloWorldApp z './HelloWorldApp';

Viz také

Reference

  1. ^ „React Native: Bringing modern web technik to mobile“.
  2. ^ A b „Zprávy - Facebook / Reagovat“. GitHub.
  3. ^ „Kapitola 1. Co je React Native?“. oreilly.com. O’Reilly Media, Inc.. Citováno 30. července 2020.
  4. ^ „Verze Androidu pro React Native“.
  5. ^ „Building For TV Devices · React Native“. reaktivní.dev. Citováno 2020-10-02.
  6. ^ A b „React Native pro Windows + macOS · Vytvářejte nativní aplikace pro Windows a macOS pomocí Javascript a React“. microsoft.github.io. Citováno 2020-10-02.
  7. ^ „React Native for Apple TV“. Reagovat nativní pro Apple TV. Citováno 2020-10-02.
  8. ^ „React Native for Web“. Citováno 2019-11-06.
  9. ^ Tým Windows Apps (13. dubna 2016). „Reagovat nativně na univerzální platformě Windows“. blogs.windows.com. Citováno 2016-11-06.
  10. ^ „Platformy mimo strom“. reaktivní.dev. Facebook, Inc.. Citováno 30. července 2020.
  11. ^ „Zuckerbergova největší chyba?“ Sázení na HTML5'". Mashable. Citováno 7. dubna 2018.
  12. ^ Warren, Christina. „Zuckerbergova největší chyba?“ Sázení na HTML5'". Mashable. Citováno 2020-10-29.
  13. ^ „React (JavaScript library)“.
  14. ^ „Krátký příběh o React Native“. Citováno 16. ledna 2018.
  15. ^ Christopher, Chedeau. „A Deep Dive into React Native“. Youtube. Citováno 16. ledna 2018.
  16. ^ „React Native: Bringing modern web technik to mobile“.
  17. ^ „Bridge in React Native“. 14. října 2015. Citováno 16. ledna 2018.
  18. ^ „React Native vs Flutter: Který multiplatformní rámec je lepší?“. Citováno 2019-11-06.
  19. ^ „Jak stavíme aplikaci React Native: 7 věcí, které šetří váš vývojový čas. Část 2“. Citováno 2019-11-06.
  20. ^ „How React Native can Empower App Development Process?“. Citováno 15. února 2019.