Дослідження ефективності використання бібліотеки React.

No Thumbnail Available

Date

2022

Journal Title

Journal ISSN

Volume Title

Publisher

СНУ ім. В. Даля

Abstract

React - це популярна фронтенд-бібліотека з середовища JavaScript. Вона відома простотою використання та читабельністю коду веб-додатків та веб-сайтів, розроблюваних з її використанням. Бібліотека React - це ще одне рішення для розробки SPA-додатків на JavaScript, яка була випущена Facebook в 2013 році. React має акуратно розроблений API, стабільну, процвітаючу екосистему та велику спільноту користувачів, що дозволяє організаціям різних масштабів успішно впроваджувати цю бібліотеку. React базується на компонентній концепції. Компоненти React представляють собою багаторазові будівельні блоки для створення різного роду візуальних інтерфейсів користувача веб-додатків, в тому числі і SPA-додатків. Дані між елементами дерева React-компонентів додатка передаються як зверху вниз за допомогою об’єктів props (скорочення від properties), так і знизу вверх, використовуючи функції-обробники зворотного виклику. Стан – це ще одна із центральних концепцій React. Саме тут зберігаються дані додатка - тобто те, що може змінюватися з часом. Спочатку в екосистемі React використовувалися переважно компоненти, засновані на класах. Застосування таких компонентів, зазвичай, потребує додаткових зусиль у ході розробки, оскільки програмісту постійно треба переключатися між класами, компонентами вищого порядку та рендер-пропсами. Цих недоліків не мають компоненти React, базовані на звичайних функціях JavaScript. У зв’язку з переходом на використання функціональних компонентів в сучасну бібліотеку React був введений механізм запуску асинхронно виконуваних функцій, так званих хуків. Хуки — це функції, які дозволяють підключатися (hook into) до функцій стану та життєвого циклу React із функціональних компонентів. React оновлює браузерну DOM, дотримуючись стратегії внесення в дерево найменшої кількості змін, по можливості, без повторного рендерингу всієї DOM, що суттєво покращує ефективність візуального інтерфейсу веб-додатка.

Description

Keywords

фронтенд, SPA, компонент, DOM, віртуальна DOM, JSX, пропси, стан, потік даних, хуки, рендеринг

Citation

Щербаков Є. В., Щербакова М. Є. Дослідження ефективності використання бібліотеки React. Наукові вісті Далівського університету. 2022. №23.