Mida oodata Hermesi mootorilt React Native 0.70-s

Mida oodata Hermesi mootorilt React Native 0.70-s
Teiesugused lugejad aitavad MUO-d toetada. Kui teete ostu meie saidil olevate linkide abil, võime teenida sidusettevõtte komisjonitasu.

React Native 0.70 on väljas ja Hermes on selle värskendusega uus JavaScripti vaikemootor. Siin on, mida oodata Hermeselt ja mõnelt funktsioonilt, mis mõjutavad teie rakenduse React Native jõudlust.





Mis on Hermes?

Hermes on avatud lähtekoodiga JavaScripti mootor, mis optimeerib jõudlust iOS-i ja Androidi rakenduste käivitamise ajal, kompileerides JavaScripti koodi tõhusaks baitkoodiks ja vähendades rakenduse mälukasutust.



PÄEVA VIDEO MAKKEUSE

Vanemate Reacti algversioonide värskendamine Hermese toetamiseks

React Native'i rakendustes, mis töötavad versiooniga 0.70, on Hermes vaikimisi lubatud. Vanemate React Native'i rakenduste puhul tarnitakse Hermese konstruktsiooniga kõiki React Native'i versioone alates versioonist 0.60.4 Androidi versioonide jaoks ja versioonist 0.64.0 iOS-i jaoks. Sobivad versioonid välistavad teie React Native'i rakenduse sõltuvuse mittevastavuse ohu.





Hermese lubamiseks nendes React Native'i vanemates versioonides peate lisama nii Androidi kui ka iOS-i rakendustele konfiguratsiooni.

Androidis muutke oma android/app/build.gradle fail:



mis on minu telefoni ip -aadress 
project.ext.react = [ 
    entryFile: "index.js", 
    enableHermes: true  // clean and rebuild if changing 
]

iOS-is teete järgmised muudatused ios/Podfile :

use_react_native!( 
    :path => config[:reactNativePath], 
    :hermes_enabled => true 
)

iOS nõuab pärast seadete konfigureerimist Hermes podide installimist.



Podide installimiseks käivitage järgmine käsk:

cd ios && pod install

Hermese lubamine Expoga

Saate kasutada ka Hermesi mootorit React Native'i rakenduste jaoks, mis on ehitatud või käitatud Expo abil. Expo teek toetab Hermesi SDK versioonist 42 Androidis ja SDK versioonist 43 iOS-is kuni praeguse versioonini 0.70. Oluline on märkida, et eraldiseisvad rakendused ei saa Hermesit käitada, kui need pole loodud Expo Application Services Buildi abil.



Hermese lubamiseks React Native'i rakenduses muutke oma app.json fail:

{ 
  "expo": { 
    "jsEngine": "hermes" 
  } 
}

Nüüd on teie Expo Application Servicesiga loodud rakendusel JavaScripti mootorina lubatud Hermes.

kui kuum peaks mu emaplaat olema

Hermesi toimivuse optimeerimine Reacti kohalike rakenduste jaoks

Enamik JavaScripti mootoreid sõeluvad kogu JavaScripti lähtekoodi JIT (Just in Time) kompileerimissüsteemi abil. JIT-süsteem aeglustab täitmist, kuna teie seade peab ootama, kuni kogu kompileerimisprotsess lõpeb. Hermes kasutab ennetähtaegse kompileerimise (AOT) lähenemist, kandes suurema osa raskeveokite JavaScripti mootori tööst üle ehitamise ajale.

Hermes mõjutab peamiselt kolme rakenduse jõudluse mõõdikut: rakenduse TTI (Time to Interactive), binaarsuurust ja mälukasutust.

Aeg interaktiivseks

TTI on aeg, mis kulub rakendusel laadimiseks ja kasutaja interaktsiooni (nt kerimise või tippimise) toetamiseks. Hermes parandab React Native'i rakenduste keskmist TTI-d võrreldes teiste JavaScripti mootoritega.

See TTI vähenemine tuleneb sellest, et Hermes ei käita JIT-kompilaatorit.

Binaarne suurus

Binaarne suurus on komplekteeritud React Native rakenduse suurus. Androidi rakendused kasutavad APK failivorming , samas kui iOS-i rakendused kasutavad vormingut, mida Apple nimetab IPA-ks. Hermese kasutamine vähendab oluliselt rakenduse mahtu Android-seadmetes.

Mälu kasutamine

Mälukasutus on veel üks kriitiline mõõdik, mida rakendustes optimeerida. Kui see kasutab liiga palju mälu, mõjutab see negatiivselt rakenduse kasutajakogemust. Hermes rakendab prügikogumissüsteemi, mis reguleerib mälukasutust nõudmisel, tagades, et rakendus kasutab töötamise ajal ainult vajalikku mäluruumi.

Silumine React Native Hermesi ja Chrome DevToolsi abil

Hermes pakub Expo abil emulaatoris, simulaatoris või füüsilises seadmes töötavate React Native'i rakenduste silumiseks uut kogemust. Hermes toetab React Native'i rakenduste silumist, kasutades Chrome DevToolsi inspektori protokolli. Te ei tohiks seda segi ajada traditsioonilisega JavaScripti silumine brauseri konsooli abil .

naljakad kõneposti tervitused mobiiltelefonidele

Chrome'i konfigureerimiseks Hermesi rakendusi siluma järgige neid samme.

  1. Navigeerige chrome://inspect Chrome'i brauseris.
  2. Klõpsake nuppu Seadistage nuppu.
  3. Sisestage ekraanil kuvatavas modaalis teie React Native'i rakendust käitava metroo komplekteerija serveri aadress ja klõpsake Valmis .

Nüüd saate oma React Native'i rakendust siluda, kasutades Hermesi sihtkontrolli linki.

Miks on Hermes optimeeritud ainult React Native jaoks?

Hermese optimaalne jõudlus React Native JavaScripti mootorina on osaliselt tingitud selle käituskeskkonnast. React Native'is koondate kogu JavaScripti koodi rakenduskeskkonnas. See süsteem muudab baitkoodi saatmise tõhusaks.

Teine tegur, mida tuleb arvestada, on JavaScripti koostamisel tehtud töö maht. Hermes haldab mobiilirakenduste sagedast kasutajasuhtlust, vältides samal ajal agressiivset baitkoodi optimeerimist. JIT-i kompilaatori JavaScripti mootor ei täidaks sel viisil ülesandeid.