Bakit napakabagal ng react native?
Bakit napakabagal ng react native?

Video: Bakit napakabagal ng react native?

Video: Bakit napakabagal ng react native?
Video: ** TAGALOG** React JS Tutorial #1 - Create React App 2024, Abril
Anonim

Ang mga hindi kinakailangang muling pag-render ay ang #1 na dahilan kung bakit karamihan React Native ang mga app ay mabagal . Gumamit ng mga tool tulad ng why-did-you-update o magdagdag ng simpleng breakpoint o counter sa render() upang subaybayan ang iyong mga muling pag-render at i-optimize ang mga ito.

Bukod dito, mabagal ba ang react native?

Kung tatakbo ka React Native sa isang Android Emulator, magiging maganda ito mabagal . Gayundin, kung naka-on ang pagde-debug ng chrome mo, mapapabagal nito ang app nang MARAMING.

Alamin din, mas mabagal ba ang react native kaysa native app? Sa madaling salita: Maaaring may ilang maliliit na pagkakaiba pabor sa a katutubong app , ngunit malaki ang posibilidad na hindi ito mahalaga. React Native nagko-convert ng mga bahagi ng JavaScript sa katutubong Android at iOS mga pananaw. Ginagawa ito sa pamamagitan ng paggamit ng isang espesyal na tulay. Tandaan mo yan React Native nagbibigay-daan para sa paghahalo ng JavaScript sa katutubo code.

Kasunod nito, ang tanong ay, paano ko gagawing mas mabilis ang reaksyon ng native?

  1. 6 Mga simpleng paraan para mapabilis ang iyong pagtugon sa native na app.
  2. Gumamit ng PureComponent o shouldComponentUpdate.
  3. Gumamit ng pangunahing katangian sa mga item sa listahan.
  4. Magbigkis nang maaga at huwag gumawa ng mga function sa loob ng render.
  5. Huwag i-update ang estado o pagpapadala ng mga aksyon sa componentWillUpdate.
  6. Gumamit ng VirtualizedList, FlatList at SectionList para sa malalaking set ng data.

Paano sinusukat ang katutubong pagganap ng reaksyon?

Ang pinakakaraniwang paraan upang masukat ang pagganap sa React Native ang mga app ay gumamit ng built-in Pagganap Subaybayan. Maaari mo itong buksan mula sa menu ng debug sa iyong simulator sa pamamagitan ng pag-click sa Perf Monitor. Ipapakita ito sa iyong app sa kasalukuyang nakabukas na screen.

Inirerekumendang: