Dlaczego natywny reaguje tak wolno?
Dlaczego natywny reaguje tak wolno?

Wideo: Dlaczego natywny reaguje tak wolno?

Wideo: Dlaczego natywny reaguje tak wolno?
Wideo: Dlaczego niektórzy ludzie tak nas denerwują? Ciekawa sprawa! 2024, Listopad
Anonim

Niepotrzebne ponowne renderowanie jest głównym powodem, dla którego większość Reaguj natywnie aplikacje są wolny . Użyj narzędzi, takich jak dlaczego aktualizowałeś lub dodaj prosty punkt przerwania lub licznik w render(), aby monitorować ponowne renderowanie i optymalizować je.

Poza tym, czy reakcja natywna jest powolna?

Jeśli uciekniesz Reaguj natywnie na Android Emulator, będzie ładnie wolny . Ponadto, jeśli masz włączone debugowanie Chrome, spowalnia to DUŻO aplikacji.

Wiesz też, czy natywna reakcja jest wolniejsza niż natywne aplikacje? W skrócie: mogą istnieć pewne drobne różnice na korzyść a natywna aplikacja , ale jest duża szansa, że to nie będzie miało znaczenia. Reaguj natywnie konwertuje komponenty JavaScript do natywnego Androida oraz iOS wyświetlenia. Czyni to za pomocą specjalnego mostu. Zapamietaj to Reaguj natywnie pozwala na mieszanie JavaScriptu z rodzinny kod.

Następnie pojawia się pytanie, jak przyspieszyć reakcję natywną?

  1. 6 prostych sposobów na przyspieszenie natywnej aplikacji React.
  2. Użyj PureComponent lub shouldComponentUpdate.
  3. Użyj atrybutu kluczowego w elementach listy.
  4. Binduj wcześnie i nie twórz funkcji wewnątrz renderowania.
  5. Nie aktualizuj stanu ani nie wysyłaj akcji w componentWillUpdate.
  6. Użyj VirtualizedList, FlatList i SectionList dla dużych zbiorów danych.

Jak mierzy się skuteczność natywnych aplikacji React?

Najczęstszy sposób na mierzyć wydajność w Reaguj natywnie aplikacje mają korzystać z wbudowanego Wydajność Monitor. Możesz go otworzyć z menu debugowania w symulatorze, klikając Monitor wydajności. Zostanie wyświetlony w Twojej aplikacji na aktualnie otwartym ekranie.

Zalecana: