React Native

React Native
DeveloperFacebook dhe komuniteti
Initial releasemars 26, 2015; 11 vite më parë (2015-03-26)[1]
Stable release
0.63.3 / shtator 29, 2020; 5 vite më parë (2020-09-29)[2]
Written inJavaScript, Java, C++, Objective-C, Objective-C++, Python
PlatformAndroid, Android TV, iOS, macOS, tvOS, Web and Windows
TypeApplication framework
LicenceMIT License
Websitereactnative.dev
Repository

React Native është një kornizë e aplikacioneve mobile me burim të hapur e krijuar nga Facebook, Inc.[3] Përdoret për të zhvilluar aplikacione për Android[4], Android TV[5], iOS, macOS[6], tvOS[7], Ueb[8], Windows dhe UWP[9] duke i mundësuar zhvilluesve të përdorin kornizat e React së bashku me aftësitë origjinale të platformës[10] .

Historia

Në vitin 2012 Mark Zuckerberg komentoi, "Gabimi më i madh që bëmë si kompani ishte të mbështeturit e tepërt në HTML në krahasim me vendasin".[11] Përdorimi i HTML5 për versionin celular të Facebook rezultoi në një aplikacion të paqëndrueshëm që merrte të dhëna ngadalë.[12][13] Ai premtoi që Facebook së shpejti do të ofrojë një përvojë më të mirë për mobilët.

Brenda Facebook, Jordan Walke gjeti një mënyrë për të gjeneruar elemente UI për iOS nga një sfond JavaScript fije .[14]  Ata vendosën të organizojnë një Hackathon (garë) të brendshëm për të përsosur këtë prototip në mënyrë që të jenë në gjendje të ndërtojnë aplikacione vendase me këtë teknologji.[15]

Pas muajsh zhvillimi, Facebook lëshoi versionin e parë për React JavaScript Configuration në vitin 2015. Gjatë një bisede teknike,[16] Christopher Chedeau shpjegoi se Facebook tashmë po përdorte React Native në prodhimin e aplikacionit grupor dhe aplikacionin e Menaxhimit të Reklamave.[17]

Zbatimi

Parimet e punës së React Native janë virtualisht identike me React përveç që React Native nuk manipulon DOM përmes DOM Virtual . Ai ekzekutohet në një proces sfondi (i cili interpreton JavaScript të shkruar nga zhvilluesit) direkt në pajisjen fundore (end-device) dhe komunikon me platformën vendase përmes një serializimi, asinkron dhe Urë të bashkuar .[18][19][20]

Komponentët React mbështjellin kodin ekzistues vendas dhe bashkëveprojnë me API-të vendase përmes paradigmës deklarative të UI të React dhe JavaScript . Kjo mundëson zhvillimin e aplikacioneve vendase për ekipe krejt të reja zhvilluesish dhe mund t'i lejojë ekipet ekzistuese vendase të punojnë shumë më shpejt.[21]

React Native nuk përdor HTML ose CSS . Në vend të kësaj, mesazhet nga JavaScript përdoren për të manipuluar pamjet vendase. React Native gjithashtu lejon zhvilluesit të shkruajnë kodin vendas në gjuhë të tilla si Java për Android dhe Objektivi-C ose Swift për iOS të cilat e bëjnë atë edhe më fleksibile.

Shembulli "Njatjeta, Botë"

Një program Hello, World në React Native do të dukej kështu:

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

const HelloWorldApp = () => <Text>Hello world!</Text>;
export default HelloWorldApp;

// Skip this line if using Create React Native App
AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);

// The React native code can also be imported from another component with the following code:
import HelloWorldApp from './HelloWorldApp';

Shiko gjithashtu

Referime

  1. ^ cite_ref-initialrelease_1-0 "React Native: Bringing modern web techniques to mobile". {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  2. ^ cite_ref-ghrelease_2-0 "Releases – Facebook/React". GitHub. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  3. ^ cite_ref-3 "Chapter 1. What Is React Native?". oreilly.com. O’Reilly Media, Inc. Marrë më 30 korrik 2020. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  4. ^ cite_ref-4 "Android Release for React Native". {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  5. ^ cite_ref-5 "Building For TV Devices · React Native". reactnative.dev (në anglisht). Marrë më 2020-10-02.
  6. ^ cite_ref-:0_6-0 "React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React". microsoft.github.io. Marrë më 2020-10-02. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  7. ^ cite_ref-7 "React Native for Apple TV". React Native for Apple TV (në anglishte amerikane). Arkivuar nga origjinali më 21 shtator 2020. Marrë më 2020-10-02.
  8. ^ cite_ref-8 "React Native for Web". Marrë më 2019-11-06. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  9. ^ cite_ref-9 Windows Apps Team (13 prill 2016). "React Native on the Universal Windows Platform". blogs.windows.com. Marrë më 2016-11-06. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  10. ^ cite_ref-10 "Out-of-Tree Platforms". reactnative.dev. Facebook, Inc. Marrë më 30 korrik 2020. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  11. ^ cite_ref-11 "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable. Marrë më 7 prill 2018. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  12. ^ cite_ref-12 Warren, Christina. "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable (në anglisht). Marrë më 2020-10-29.
  13. ^ cite_ref-13 "Can You Use React for Mobile App Development?". NarraSoft (në anglishte amerikane). 2020-10-10. Marrë më 2020-10-29.
  14. ^ cite_ref-14 "React (JavaScript library)". {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  15. ^ cite_ref-15 "A short Story about React Native". Arkivuar nga origjinali më 17 janar 2018. Marrë më 16 janar 2018. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  16. ^ cite_ref-16 Christopher, Chedeau. "A Deep Dive into React Native". YouTube. Marrë më 16 janar 2018. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  17. ^ cite_ref-initial_rn_post_17-0 "React Native: Bringing modern web techniques to mobile". {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  18. ^ cite_ref-18 "Bridging in React Native". 14 tetor 2015. Marrë më 16 janar 2018. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  19. ^ cite_ref-19 "React Native vs Flutter: Which Cross-Platform Framework is Better?". Arkivuar nga origjinali më 14 maj 2019. Marrë më 2019-11-06. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)
  20. ^ cite_ref-20 "How we build React Native app: 7 things which save your development time. Part 2". Marrë më 2019-11-06. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)[lidhje e vdekur]
  21. ^ cite_ref-21 "How React Native can Empower App Development Process?". Marrë më 15 shkurt 2019. {{cite web}}: Mungon ose është bosh parametri |language= (Ndihmë!)[lidhje e vdekur]

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.