javascript - Hva er forskjellen mellom React Native og React?

Jeg har begynt å lære React av nysgjerrighet og ønsket å vite forskjellen mellom React og React Native - men kunne ikke finne et tilfredsstillende svar ved å bruke Google. React og React Native ser ut til å ha samme format. Har de helt forskjellig syntaks?

Svar #1

ReactJS er et JavaScript-bibliotek som støtter både front-end på nettet og kjøring på en server, for å bygge brukergrensesnitt og nettapplikasjoner. Det følger konseptet med gjenbrukbare komponenter.

React Native er et mobilrammeverk som bruker JavaScript-motoren som er tilgjengelig på verten, noe som gjør at du kan bygge mobilapplikasjoner for forskjellige plattformer (iOS, Android og Windows Mobile) i JavaScript, som lar deg bruke ReactJS til å bygge gjenbrukbare komponenter og kommunisere med native komponenter videre forklaring

Begge følger JSX-syntaksekstensjonen for JavaScript, som kompileres til React.createElement-kall under panseret. JSX i dybden

Begge er åpen kildekode gitt av Facebook.

Svar #2

Her er React-prosjektet.

Hos Facebook oppfant de React slik at JavaScript kan manipulere nettsidens DOM raskere ved å bruke den virtuelle DOM-modellen.

Full DOM-oppdatering er tregere sammenlignet med Reacts virtuelle DOM-modell, som bare oppdaterer deler av siden (les: delvis oppdatering).

Som du kanskje forstår fra denne videoen, oppfant ikke Facebook React fordi de umiddelbart forsto at delvis oppdatering ville være raskere enn den konvensjonelle. Opprinnelig trengte de en måte å redusere ombyggingstiden for Facebook-applikasjonen på, og heldigvis førte dette til at delvis DOM-oppdatering ble til.

React native er bare en konsekvens av React. Det er en plattform for å bygge native apper ved bruk av JavaScript.

Før React native måtte du kunne Java eller Kotlin for Android og Swift eller Objective-C for iPhone og iPad for å lage native apper.

Med React Native er det mulig å etterligne oppførselen til den native appen i JavaScript, og til slutt vil du få plattformspesifikk kode som resultat. Du kan til og med blande native kode med JavaScript dersom du trenger å optimalisere applikasjonen din ytterligere.

Som Olivia Bishop sa i videoen, kan 85 % av React native-kodebasen deles mellom plattformer. Dette vil være komponentene som applikasjoner vanligvis bruker, og den felles logikken.

15 % av koden er plattformspesifikk. Den plattformspesifikke JavaScripten er det som gir plattformen karakter (og gjør forskjellen i opplevelsen).

Det kule er at denne plattformspesifikke koden allerede er skrevet, så du trenger bare å bruke den.

Svar #3

Reager:

React er et deklarativt, effektivt og fleksibelt JavaScript-bibliotek for å bygge brukergrensesnitt.

React Native:

React Native lar deg bygge mobilapper ved å bruke bare JavaScript. Det bruker samme design som React, slik at du kan komponere et rikt mobilgrensesnitt fra deklarative komponenter.
Med React Native bygger du ikke en «mobil nettapp», en «HTML5-app» eller en «hybridapp». Du bygger en ekte mobilapp som er uatskillelig fra en app bygget med Objective-C eller Java. React Native bruker de samme grunnleggende UI-byggesteinene som vanlige iOS- og Android-apper. Du setter bare sammen disse byggesteinene ved å bruke JavaScript og React.
React Native lar deg bygge appen din raskere. I stedet for å kompilere på nytt, kan du laste inn appen din på nytt umiddelbart. Med hot reloading kan du til og med kjøre ny kode samtidig som du beholder apptilstanden din. Prøv det - det er en magisk opplevelse.
React Native kombineres sømløst med komponenter skrevet i Objective-C, Java eller Swift. Det er enkelt å gå ned til native kode hvis du trenger å optimalisere noen aspekter av applikasjonen din. Det er også lett å bygge deler av appen din i React Native, og deler av appen ved å bruke native kode direkte - slik fungerer Facebook-appen.

Så i utgangspunktet er React et UI-bibliotek for visningen av webappen din, ved bruk av javascript og JSX, React Native er et ekstra bibliotek på toppen av React, for å lage en native app for iOS og Android-enheter.

React kodeeksempel:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({
      date: new Date()
    });
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

ReactDOM.render(
  <Clock />,
  document.getElementById('root')
);

React Native-kodeeksempel:

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

class WhyReactNativeIsSoGreat extends Component {
  render() {
    return (
      <View>
        <Text>
          If you like React on the web, you'll like React Native.
        </Text>
        <Text>
          You just use native components like 'View' and 'Text',
          instead of web components like 'div' and 'span'.
        </Text>
      </View>
    );
  }
}

For mer informasjon om React, besøk deres offisielle nettside laget av Facebook-teamet:

https://reactjs.org/

For mer informasjon om React Native, besøk React Native-nettstedet nedenfor:

https://reactnative.dev/

Svar #4

Først, likhetene: Både React og React Native (RN) ble designet for å lage fleksible brukergrensesnitt. Det finnes mange fordeler med disse rammeverkene, men det mest grunnleggende budskapet er at de er laget for UI-utvikling. Facebook utviklet RN noen år etter React.

React: Facebook designet dette rammeverket for å være nesten som å skrive JavaScript direkte inne i HTML/XML, noe som er grunnen til at taggene kalles "JSX" (JavaScript XML) og ligner de kjente HTML-lignende taggene som <div> eller <p>. Et kjennetegn ved React er store bokstav-tagger som angir en egendefinert komponent, som <MyFancyNavbar />, som også finnes i RN. React bruker imidlertid DOM. DOM finnes for HTML, derfor brukes React til webutvikling.

React Native: RN bruker ikke HTML, og derfor brukes det ikke til webutvikling. Det brukes til... praktisk talt alt annet! Mobilutvikling (både iOS & Android), smarte enheter (f.eks. klokker, TV-er), utvidet virkelighet, osv. Siden RN ikke har et DOM å samhandle med, bruker man i stedet sine egne tagger i stedet for de samme HTML-taggene som brukes i React, som deretter blir kompilert til andre språk. For eksempel, i stedet for <div>-tagger, bruker RN-utviklere RNs innebygde <View>-tag, som kompileres til annen native-kode under panseret (f.eks. android.view på Android; og UIView på iOS).

Kort sagt: de er veldig like (for UI-utvikling) men brukes for ulike medier.

Svar #5

ReactJS er et rammeverk for å bygge et hierarki av UI-komponenter. Hver komponent har tilstand og props. Data flyter fra topp- til lavnivåkomponenter via props. Tilstanden oppdateres i toppnivåkomponenten ved hjelp av hendelseshåndterere.

React Native bruker React-rammeverket for å bygge komponenter for mobilapper. React Native gir et grunnleggende sett med komponenter for både iOS- og Android-plattformer. Noen av komponentene i React Native er Navigator, TabBar, Text, TextInput, View, ScrollView. Disse komponentene bruker native iOS UIKit og Android UI-komponenter internt. React Native tillater også NativeModules hvor kode skrevet i Objective-C for iOS og Java for Android kan brukes innenfor JavaScript.

Merk: React Native som rammeverk tillater utvikling av mobilapper med en lignende syntaks som HTML og CSS. React Native-komponenter erstatter effektivt HTML i native utvikling.

Svar #6

  1. React-Native er et rammeverk for å utvikle Android- og iOS-applikasjoner som deler 80 % - 90 % av Javascript-koden.

Mens React.js er et overordnet Javascript-bibliotek for utvikling av webapplikasjoner.

  1. Mens du bruker tagger som <View>, <Text> veldig ofte i React-Native, bruker React.js web-HTML-tagger som <div> <h1> <h2>, som bare er synonymer i vokabularet for web-/mobilutvikling.

  2. For React.js trenger du DOM for stien til gjengivelse av HTML-tagger, mens for mobilapplikasjon: React-Native bruker AppRegistry for å registrere appen din.

Jeg håper dette er en enkel forklaring på raske forskjeller/likheter mellom React.js og React-Native.

Svar #7

Jeg vet at det allerede finnes mange svar på dette, men etter å ha lest alle disse følte jeg at ingen forklarer den arkitektoniske forskjellen mellom disse to og hvordan disse to fungerer, så jeg tror det fortsatt er rom for forklaring.

Reager

React=Vanilla JS + ES6 + HTML + CSS=JSX=Webapplikasjoner (Frontend)

Så la oss snakke om React først fordi React-Native også er basert på React og det samme konseptet med JS brukes der.

React er et JS-bibliotek som brukes til å lage vakre, fleksible, høytytende enkeltside-nettapplikasjoner. Så nå vil et spørsmål dukke opp i hodet ditt: hva er en enkeltside-nettapplikasjon?

Enkelsideapplikasjon

En enkelt-sides applikasjon er en app som fungerer inne i en nettleser og ikke krever sideoppdatering under bruk. Du bruker disse typene applikasjoner hver dag. Disse er for eksempel: Gmail, Google Maps, Facebook, eller GitHub. SPA-er handler om å tilby en enestående brukeropplevelse ved å forsøke å etterligne et «naturlig» miljø i nettleseren — ingen sideoppdateringer, ingen ekstra ventetid. Det er bare én nettside du besøker som deretter laster alt annet innhold ved hjelp av JavaScript — som de er sterkt avhengige av. SPA-en henter markup og data uavhengig og gjengir sider direkte i nettleseren. Vi kan gjøre dette takket være avanserte JavaScript-rammeverk som AngularJS, Ember.js, Meteor.js, Knockout.js, React.js, og Vue.js. Enkelt-sides nettsteder hjelper med å holde brukeren i ett komfortabelt nettsideområde der innhold presenteres for brukeren på en enkel, lett og fungerbar måte.

Hvordan det fungerer

Nå vet du hva SPA er. Som du vet er det en nettapplikasjon, så den vil bruke HTML-elementer for å kjøre i nettleseren og også bruke JS for å håndtere all funksjonaliteten knyttet til disse elementene. Den brukte Virtual DOM for å gjengi nye endringer i komponentene.

React-Native

Nå har du en liten idé om react, så la oss snakke om react-native

React-Native=React (Vanilla JS + ES6 + Bro mellom JS og Native-kode) + Native (iOS, Android)=Mobilapper (Android, iOS, også støttet på web men har noen begrensninger)

React-Native brukes til å lage vakre tverrplattform mobile apper (Android, iOS) ved å bruke React.

Hvordan det fungerer

I React-Native er det to tråder.

  1. JS-tråd

  2. Opprinnelig tråd

All React-koden kjøres inne i JS-tråden og den endelige verdien sendes til native-tråden som tegner et oppsett på skjermen med den endelige verdien.

JS-tråden utfører alle beregningene og sender data til den native, hvordan?

React bruker en asynkron bro for å overføre data til en native-tråd i JSON-format, og dette kalles React-Native

MERK: Ny arkitektur er ikke lenger avhengig av broene, den bruker JSI og fabric for kommunikasjonen mellom native og JS-kode, som skjer synkront (det forklares i seksjonen nedenfor).

Så vi bruker Native-komponenter for å lage en presentasjonsvisning i react-native og bruker den broen for å kommunisere mellom disse to forskjellige verdenene.

JS-tråden er rask nok til å utføre JavaScript, og den native tråden er også rask nok til å utføre native kode, men siden React brukte den asynkrone broen for å kommunisere mellom disse to verdenene, forårsaker overbelastning av denne broen ytelsesproblemer.

Oppdatering: React-Native gjennomgår nå en re-arkitektur fase, og Facebook-teamet prøver å fjerne den asynkrone broen for å kommunisere mellom JS og native synkront. Den største delen av denne re-arkitekturen er JSI (Javascript-grensesnitt) og fabric.

JSI: JSI fjerner behovet for en bro mellom Native (Java/ObjC) og Javascript-kode. Det fjerner også kravet om å serialisere/deserialisere all informasjon som JSON for kommunikasjon mellom de to verdenene. JSI åpner dører for nye muligheter ved å bringe JavaScript- og native-verdenen nærmere hverandre.

Nedenfor er de viktigste tingene som JSI tilbyr.

  1. Javascript-interface som lar oss registrere metoder med Javascript-runtime. Disse metodene er tilgjengelige via det globale objektet i Javascript-verdenen.

  2. Metodene kan skrives helt i C++, eller de kan være en måte å kommunisere med Objective C-kode på iOS og Java-kode på Android.

  3. Ethvert native modul som for øyeblikket bruker den tradisjonelle broen for kommunikasjon mellom Javascript og de native verdenene kan konverteres til et JSI-modul ved å skrive et enkelt lag i C++. På iOS er det enkelt å skrive dette laget fordi C++ kan kjøre direkte i Objective C, og dermed er alle iOS-rammeverkene og koden tilgjengelig for bruk nå.

  4. På Android må vi derimot gå den ekstra milen for å gjøre dette gjennom JNI.

  5. Disse metodene kan være helt synkrone, noe som betyr at bruk av async/await ikke er obligatorisk.

Fabric: Fabric er et nytt UI-lag som lar oss kommunisere med de native UI-komponentene synkront, ifølge dokumentasjonen.

Fabric er React Natives nye renderingssystem, en konseptuell utvikling av det gamle renderingssystemet. Hovedprinsippene er å samle mer renderingslogikk i C++, forbedre interoperabilitet med vertsplattformer, og åpne for nye muligheter for React Native. Utviklingen begynte i 2018, og i 2021 er React Native i Facebook-appen støttet av den nye renderereren.

La oss snakke om likhetene og forskjellene mellom disse to rammene.

FunksjonReagereReact-Native
PlattformNettAndroid, iOS, Nett
Åpen kildekodeJaJa
BrukergrensesnittHTML + CSSNative komponenter (iOS, Android, Web)
ArkitekturVirtuell DOMVirtuell DOM + Bro + Native implementering
AnimasjonerCSS-animasjonerNative animasjoner
StylingCSSJS-stilark
Utviklet avFacebookFacebook

Svar #8

Vi kan ikke sammenligne dem nøyaktig. Det er forskjeller i bruksområde.

(2018 oppdatering)

ReactJS

React har som hovedfokus webutvikling.

    • Reacts virtuelle DOM er raskere enn den konvensjonelle fulloppdateringsmodellen, siden den virtuelle DOM-en bare oppdaterer deler av siden.
    • Du kan gjenbruke kodekomponenter i React, noe som sparer deg for mye tid. (Det kan du også i React Native.)
    • Som en virksomhet: Gjengivelsen av sidene dine fullstendig, fra serveren til nettleseren, vil forbedre SEO-en til nettappen din.
    • Det forbedrer feilsøkingshastigheten og gjør utviklerens liv lettere.
    • Du kan bruke hybrid mobilapputvikling, som Cordova eller Ionic, for å bygge mobilapper med React, men det er mer effektivt å bygge mobilapper med React Native fra mange synspunkter.

React Native

En utvidelse av React, nisjet på mobilutvikling.

    • Hovedfokuset er helt på mobilbrukergrensesnitt.
    • iOS & Android er dekket.
    • Gjenbrukbare React Native UI komponenter og moduler lar hybride apper gjengi native.
    • Ingen grunn til å bygge om den gamle appen din. Alt du trenger å gjøre er å legge til React Native UI-komponenter i koden til din eksisterende app, uten å måtte skrive om.
    • Bruker ikke HTML for å gjengi appen. Tilbyr alternative komponenter som fungerer på en lignende måte, så det vil ikke være vanskelig å forstå dem.
    • Fordi koden din ikke blir gjengitt i en HTML-side, betyr dette også at du ikke vil kunne gjenbruke noen biblioteker du tidligere brukte med React som gjengir noen form for HTML, SVG eller Canvas.
    • React Native er ikke laget av webelementer og kan ikke styles på samme måte. Farvel CSS-animasjoner!

Forhåpentligvis hjalp jeg deg :)

Svar #9

I en enkel forstand følger React og React Native de samme designprinsippene, bortsett fra når det gjelder utforming av brukergrensesnitt.

  1. React Native har et eget sett med tagger for å definere brukergrensesnitt for mobil, men begge bruker JSX for å definere komponenter.
  2. Hovedintensjonen til begge systemene er å utvikle gjenbrukbare UI-komponenter og redusere utviklingsinnsats gjennom deres sammensetninger.
  3. Hvis du planlegger og strukturerer koden riktig, kan du bruke den samme forretningslogikken for mobil og web

Uansett, det er et utmerket bibliotek for å bygge brukergrensesnitt for mobil og web.

Svar #10

React er et deklarativt, effektivt og fleksibelt JavaScript-bibliotek for å bygge brukergrensesnitt. Dine komponenter forteller React hva du vil gjengi - deretter vil React effektivt oppdatere og gjengi akkurat de riktige komponentene når dataene dine endres. Her er ShoppingList en React-komponentklasse, eller React-komponenttype.

En React Native-app er en ekte mobilapp. Med React Native bygger du ikke en "mobil nett-app", en "HTML5-app" eller en "hybrid-app". Du bygger en ekte mobilapp som er umulig å skille fra en app bygget med Objective-C eller Java. React Native bruker de samme grunnleggende UI-komponentene som vanlige iOS- og Android-apper.

Mer info

Svar #11

ReactJS er et kjerneframework, ment for å bygge komponentisolerte basert på reaktivt mønster, du kan tenke på det som V-en i MVC, selv om jeg vil si at React gir en annerledes følelse, spesielt hvis du er mindre kjent med reaktive konsepter.

ReactNative er et annet lag som er ment å ha en sett komponent for Android- og iOS-plattformene som er felles. Så koden ser i utgangspunktet lik ut som ReactJS fordi det er ReactJS, men den lastes inn nativt på mobilplattformer. Du kan også koble mer komplekse og plattformrelaterte API-er med Java/Objective-C/Swift avhengig av OS og bruke det innenfor React.

Svar #12

React Native er primært utviklet i JavaScript, noe som betyr at mesteparten av koden du trenger for å komme i gang kan deles på tvers av plattformer. React Native vil gjengi ved å bruke native komponenter. React Native-apper utvikles i språket som kreves av plattformen de retter seg mot, Objective-C eller Swift for iOS, Java for Android, osv. Koden som skrives deles ikke på tvers av plattformer, og oppførselen deres varierer. De har direkte tilgang til alle funksjoner som tilbys av plattformen uten noen restriksjoner.

React er et åpen kildekode JavaScript-bibliotek utviklet av Facebook for å bygge brukergrensesnitt. Det brukes til å håndtere visningslaget for web- og mobilapper. ReactJS brukes til å lage gjenbrukbare UI-komponenter. Det er for øyeblikket et av de mest populære JavaScript-bibliotekene innen IT-feltet, og det har et sterkt fundament og et stort fellesskap bak seg. Hvis du lærer ReactJS, må du ha kunnskap om JavaScript, HTML5 og CSS.

Svar #13

React er grunnleggende abstraksjonen til React Native og React DOM, så hvis du skal jobbe med React Native, vil du også trenge React... det samme gjelder for web, men i stedet for React Native vil du trenge React DOM.

Siden React er basisabstraksjonen, er den generelle syntaksen og arbeidsflyten den samme, men komponentene du vil bruke er veldig forskjellige, derfor må du lære disse forskjellene. Dette er i tråd med Reacts såkalte motto som er «Lær en gang, skriv hvor som helst», fordi hvis du kjenner React (basisabstraksjon), kan du enkelt lære forskjellene mellom plattformer uten å måtte lære et annet programmeringsspråk, syntaks og arbeidsflyt.

Svar #14

React-Native er et rammeverk, der ReactJS er et JavaScript-bibliotek du kan bruke for nettsiden din.

React-native tilbyr standard kjernekomponenter (bilder, tekst), hvor React tilbyr en rekke komponenter og får dem til å fungere sammen.

Svar #15

React Native er for mobilapplikasjoner mens React er for nettsteder (front-end). Begge er rammeverk oppfunnet av Facebook. React Native er et tverrplattform-rammeverk, noe som betyr at man kan skrive nesten samme kode for både IOS og Android, og det vil fungere. Jeg vet personlig mye mer om React Native, så jeg lar det være med dette.

Svar #16

React Js er et Javascript-bibliotek hvor du kan utvikle og kjøre raskere nettapplikasjoner ved å bruke React.

React Native lar deg bygge mobilapper ved kun å bruke JavaScript, det brukes til utvikling av mobilapplikasjoner. mer info her https://facebook.github.io/react-native/docs/getting-started.html

Svar #17

Når det gjelder komponentens livssyklus og alle de andre funksjonene, er det stort sett det samme.

Forskjellen er stort sett JSX-markupen som brukes. React bruker en som ligner HTML. Den andre er markup som brukes av react-native for å vise visningen.

Svar #18

React Js manipulerer HTML Dom. Men React Native manipulerer med mobile (iOS/android) native brukergrensesnitt-komponenter.

Svar #19

Litt sen til festen, men her er et mer omfattende svar med eksempler:

Reagere

React er et komponentbasert UI-bibliotek som bruker en «shadow DOM» for effektivt å oppdatere DOM med det som har endret seg i stedet for å bygge opp hele DOM-treet på nytt for hver endring. Det ble opprinnelig bygget for nettapper, men kan nå også brukes for mobil og 3D/VR.

Komponenter mellom React og React Native kan ikke byttes om fordi React Native kartlegger til native mobil-UI-elementer, men forretningslogikk og kode som ikke er relatert til rendering kan gjenbrukes.

ReactDOM

Ble opprinnelig inkludert med React-biblioteket, men ble delt ut da React begynte å brukes på andre plattformer enn bare web. Det fungerer som inngangspunkt til DOM og brukes i fellesskap med React.

Eksempel :

import React from 'react';
import ReactDOM from 'react-dom';

class App extends Component {
    state = {
        data: [],
    }

    componentDidMount() {
        const data = API.getData(); // fetch some data
        this.setState({ data })
    }

    clearData = () => {
        this.setState({
            data: [],
        });
    }

    render() {
        return (
            <div>
                {this.state.data.map((data) => (
                    <p key={data.id}>{data.label}</p>
                ))}
                <button onClick={this.clearData}>
                    Clear list
                </button>
            </div>
        );
    }

}

ReactDOM.render(App, document.getElementById('app'));

React Native

React Native er et tverrplattform mobilrammeverk som bruker React og kommuniserer mellom JavaScript og dets native motstykke via en "bro". På grunn av dette må mye av UI-strukturen være annerledes når man bruker React Native. For eksempel: når man bygger en liste, vil man støte på store ytelsesproblemer hvis man prøver å bruke map for å bygge listen i stedet for React Natives FlatList. React Native kan brukes til å bygge iOS-/Android-mobilapper, samt for smartklokker og TV-er.

Expo

Expo er det man går til når man starter en ny React Native-app.

Expo er et rammeverk og en plattform for universelle React-applikasjoner. Det er et sett med verktøy og tjenester bygget rundt React Native og native-plattformer som hjelper deg med å utvikle, bygge, distribuere og raskt iterere på iOS-, Android- og nettapper.

Merk: Når du bruker Expo, kan du bare bruke de Native API-ene de tilbyr. Alle ekstra biblioteker du inkluderer må være ren JavaScript, eller så må du ejecte Expo.

Samme eksempel med React Native:

import React, { Component } from 'react';
import { Flatlist, View, Text, StyleSheet } from 'react-native';

export default class App extends Component {
    state = {
        data: [],
    }

    componentDidMount() {
        const data = API.getData(); // fetch some data
        this.setState({ data })
    }

    clearData = () => {
        this.setState({
            data: [],
        });
    }

    render() {
        return (
            <View style={styles.container}>
                <FlatList
                    data={this.state.data}
                    renderItem={({ item }) => <Text key={item.id}>{item.label}</Text>}
                />
                <Button title="Clear list" onPress={this.clearData}></Button>
            </View>
        );
    }

}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
});

Forskjeller:

  • Merk at alt utenfor render kan forbli det samme, dette er grunnen til at forretningslogikk/livssykluslogikk-kode kan gjenbrukes på tvers av React og React Native
  • I React Native må alle komponenter importeres fra react-native eller et annet UI-bibliotek
  • Å bruke visse API-er som kobler til native komponenter vil vanligvis være mer ytelseseffektivt enn å prøve å håndtere alt på JavaScript-siden. For eksempel å mappe komponenter for å lage en liste vs å bruke FlatList.
  • Subtile forskjeller: ting som onClick blir til onPress, React Native bruker stilark for å definere stiler på en mer effektiv måte, og React Native bruker flexbox som standard layoutstruktur for å holde ting responsive.
  • Siden det ikke finnes noen tradisjonell «DOM» i React Native, kan bare rene JavaScript-biblioteker brukes på tvers av både React og React Native

React360

Det er også verdt å nevne at React også kan brukes til å utvikle 3D/VR-applikasjoner. Komponentstrukturen er veldig lik React Native. https://facebook.github.io/react-360/

Relaterte artikler