Оптимізація продуктивності рішень побудованих за допомогою бібліотек Reactjs та D3

Abstract

У статті проаналізовано продуктивність React-компонентів щодо розроблення та використання компонента, що візуалізує графік, показники якого змінюються в реальному часі. Досліджено актуальні поточні рішення, що стосуються оптимізації React-компонентів. Установлено, що ці способи лише частково вирішують зазначену проблему. Знайдено альтернативний шлях мінімізації рендерів компонента в умовах інтеграції з бібліотекою D3. Надано неоптимізовану версію компонента. Проведено його оптимізацію за допомогою розробленого методу. Порівняно роботи обох версій. Експериментально доведено ефективність запропонованого методу щодо оптимізації та надано код і графіки.