Дослідження методів оптимізації та архітектурних рішень для підвищення продуктивності та масштабованості застосунків на основі React

Abstract

Об’єктом дослідження є застосунки на основі React з використанням фреймворку Next.js. Метою роботи є аналіз та застосування на практиці методів оптимізації та архітектурних рішень застосунків на основі React, виявлення їхніх переваг і недоліків, а також визначення випадків, у яких вони застосовуються для підвищення продуктивності та масштабованості застосунків. Методи дослідження – аналіз існуючих методів оптимізації продуктивності веб-застосунків (мемоізація, віртуалізація списків, lazy loading, SSR/CSR/SSG), дослідження інструментів керування станом і мережевими. Розробка двох версій веб-застосунку з і без оптимізацій для порівняння. Впровадження динамічного імпорту компонентів, віртуалізації великих списків, оптимізації запитів та архітектурних рішень на основі Next.js. Проведення тестування з використанням інструменту Lighthouse та аналіз метрик Web Vitals для об’єктивної оцінки ефективності застосованих оптимізацій.