Наукові вісті Далівського університету № 23

Permanent URI for this collection

https://dspace.snu.edu.ua/handle/123456789/37

Browse

Browsing Наукові вісті Далівського університету № 23 by Subject "віртуальна DOM"

Now showing 1 - 1 of 1
  • No Thumbnail Available
    Item
    Дослідження ефективності використання бібліотеки React.
    (СНУ ім. В. Даля, 2022) Щербаков, Є. В.; Щербакова, М. Є.
    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, що суттєво покращує ефективність візуального інтерфейсу веб-додатка.