რატომ არის ასეთი ნელი რეაქცია მშობლიური?
რატომ არის ასეთი ნელი რეაქცია მშობლიური?

ვიდეო: რატომ არის ასეთი ნელი რეაქცია მშობლიური?

ვიდეო: რატომ არის ასეთი ნელი რეაქცია მშობლიური?
ვიდეო: რატომ უნდა იყოლიოთ კატა? 2024, აპრილი
Anonim

არასაჭირო ხელახალი რენდერები არის #1 მიზეზი, რის გამოც უმეტესობა React Native აპლიკაციები არის ნელი . გამოიყენეთ ინსტრუმენტები, როგორიცაა Why-did-you-update ან დაამატეთ მარტივი წყვეტის წერტილი ან მრიცხველი render()-ში თქვენი ხელახალი რენდერების მონიტორინგისა და მათი ოპტიმიზაციისთვის.

ამას გარდა, ნელია თუ არა რეაქტიული რეაქცია?

თუ გარბიხარ React Native ზე Android ემულატორი, ლამაზი იქნება ნელი . ასევე, თუ ჩართული გაქვთ ქრომის გამართვა, ეს მნიშვნელოვნად ანელებს აპს.

ასევე იცით, არის თუ არა მშობლიური რეაქციის ნელი, ვიდრე მშობლიური აპები? მოკლედ: შეიძლება იყოს მცირე განსხვავებები a-ს სასარგებლოდ მშობლიური აპლიკაცია , მაგრამ დიდი შანსია, რომ ამას მნიშვნელობა არ ჰქონდეს. React Native გარდაქმნის JavaScript კომპონენტებს მშობლიურ Android-ზე და iOS დათვალიერება. ამას აკეთებს სპეციალური ხიდის გამოყენებით. Გვახსოვდეს, რომ React Native JavaScript-თან შერევის საშუალებას იძლევა მშობლიური კოდი.

შემდგომში ჩნდება კითხვა, როგორ შემიძლია უფრო სწრაფად რეაგირება მშობლიური?

  1. 6 მარტივი გზა თქვენი რეაქტიული მშობლიური აპლიკაციის დასაჩქარებლად.
  2. გამოიყენეთ PureComponent ან shouldComponentUpdate.
  3. გამოიყენეთ ძირითადი ატრიბუტი სიის ელემენტებზე.
  4. შეაერთეთ ადრე და ნუ შექმნით ფუნქციებს რენდერის შიგნით.
  5. არ განაახლოთ მდგომარეობის ან გაგზავნის მოქმედებები componentWillUpdate-ში.
  6. გამოიყენეთ VirtualizedList, FlatList და SectionList მონაცემთა დიდი ნაკრებისთვის.

როგორ იზომება რეაქციის მშობლიური შესრულება?

ყველაზე გავრცელებული გზა გაზომეთ შესრულება in React Native აპლიკაციები უნდა გამოიყენონ ჩაშენებული Შესრულება მონიტორი. მისი გახსნა შეგიძლიათ სიმულატორის გამართვის მენიუდან Perf Monitor-ზე დაწკაპუნებით. ის თქვენს აპში გამოჩნდება ახლავე გახსნილ ეკრანზე.

გირჩევთ: