Სარჩევი:

რატომ არის რეაქცია უფრო სწრაფი?
რატომ არის რეაქცია უფრო სწრაფი?

ვიდეო: რატომ არის რეაქცია უფრო სწრაფი?

ვიდეო: რატომ არის რეაქცია უფრო სწრაფი?
ვიდეო: რა ხდება კანონიერი ქურდების საკნებში 2024, ნოემბერი
Anonim

იმის გამო, რომ ReactJS ხელს უწყობს DOM-ის განახლების თავიდან აცილებას, ეს ნიშნავს, რომ აპლიკაციები იქნება უფრო სწრაფად და მიაწოდეთ უკეთესი UX. ReactJS შეიქმნა იმისათვის, რომ დაეხმაროს მთლიანი გაფორმებული გვერდების გაუმჯობესებას ვებ სერვერიდან. გარდა ამისა, ის იყენებს კვანძებს კლიენტის მხარეს გამოსატანად.

ანალოგიურად, რატომ რეაგირება ვირტუალური Dom უფრო სწრაფია?

რეაგირება არის სწრაფი რადგან ის მხოლოდ მანიპულირებს DOM რამდენიც სჭირდება. ცვლილებების განახლება ბევრია უფრო სწრაფად ვიდრე ხელახლა აშენება მთლიანად DOM ხე ნულიდან. მას შეუძლია ამის გაკეთება, რადგან ინარჩუნებს ვირტუალური DOM წარმოდგენა ბოლო დროს, როდესაც ჩვენ განვაახლეთ ან გამოვიყვანეთ ჩვენი კომპონენტი მეხსიერებაში.

ანალოგიურად, რატომ არის უკეთესი რეაგირება? აქ არის რამდენიმე მიზეზი რატომ რეაგირება ასე სწრაფად გახდა პოპულარული: DOM API-თან მუშაობა რთულია. რეაგირება ძირითადად დეველოპერებს აძლევს შესაძლებლობას იმუშაონ ვირტუალურ ბრაუზერთან, რომელიც უფრო მეგობრულია, ვიდრე რეალური ბრაუზერი. რეაგირება ვირტუალური ბრაუზერი მოქმედებს როგორც აგენტი დეველოპერსა და რეალურ ბრაუზერს შორის.

ასევე, რატომ არის რეაქცია უფრო სწრაფი ვიდრე კუთხოვანი?

აპლიკაციის ზომა და შესრულება - კუთხოვანი აქვს მცირე უპირატესობა ვირტუალური DOM-ის გამო, ReactJS აპლიკაციები მუშაობს უფრო სწრაფი ვიდრე AngularJS იგივე ზომის აპლიკაციები. ასევე, კუთხოვანი აქვს უფრო მცირე აპლიკაციის ზომა შედარებით რეაგირება Redux-თან იმავე კვლევაში: მისი გადაცემის ზომაა 129 KB, ხოლო რეაგირება + Redux არის 193 KB.

როგორ გავააქტიურო ჩემი რეაგირების აპი უფრო სწრაფად?

21 შესრულების ოპტიმიზაციის ტექნიკა React აპებისთვის

  1. უცვლელი მონაცემთა სტრუქტურების გამოყენება.
  2. ფუნქცია/სახელმწიფოებრივი კომპონენტები და რეაგირება.
  3. მრავალი ცალი ფაილი.
  4. გამოიყენეთ React.
  5. მოერიდეთ Inline ფუნქციის განმარტებას Render ფუნქციაში.
  6. თროტლინგი და მოხსნის მოვლენის მოქმედება JavaScript-ში.
  7. მოერიდეთ ინდექსის, როგორც გასაღების გამოყენებას რუქისთვის.
  8. საწყის მდგომარეობებში რეკვიზიტების თავიდან აცილება.

გირჩევთ: