Розробка вебзастосунку засобами React

Abstract

UA : Робота викладена на 71 сторінках друкованого тексту, містить 31 рисунок, 1 таблицю, 7 джерел, 1 додаток. Об’єкт дослідження – процес розробки клієнтських вебзастосунків з використанням сучасних технологій JavaScript та бібліотеки React. Мета роботи – створення інформаційного вебзастосунку для перегляду даних про персонажів та комікси Marvel на основі офіційного API, з використанням компонентного підходу та клієнтської маршрутизації. Метод дослідження – структурно-функціональний аналіз, моделювання, прототипування, тестування вебзастосунків, метод компонентного проєктування інтерфейсів. У роботі розглянуто етапи створення односторінкового вебзастосунку з використанням бібліотеки React. Реалізовано інтерфейс, що дозволяє користувачам переглядати інформацію про персонажів та комікси всесвіту Marvel, здійснювати пошук персонажів та переходити між сторінками без перезавантаження. Проєкт взаємодіє з Marvel API для отримання актуальної інформації. У роботі описано архітектуру застосунку, структуру компонентів, логіку запитів, маршрутизацію та обробку помилок. Результати реалізації підтверджують доцільність використання React у розробці вебзастосунків.

EN : The work is presented on 71 pages of printed text, 31 figures, 1 table, 7 references, 1 supplement. The object of the study is the process of developing client-side web applications using modern JavaScript technologies and the React library. The aim of the study is to create an informational web application for browsing data about Marvel characters and comics using the official Marvel API and a component-based approach with client-side routing. The methods of research are structural-functional analysis, modeling, prototyping, web application testing, and component-based UI design. The paper outlines the development process of a single-page web application built with the React library. A user interface was implemented to allow users to browse information about Marvel characters and comics, perform search operations, and navigate between views without page reloads. The application interacts with the Marvel API to retrieve real-time data. The study describes the application architecture, component structure, request logic, routing system, and error handling. The implementation results confirm the effectiveness of React for developing web applications.