ДОСЛІДЖЕННЯ ПЕРЕВАГ ТА ОБМЕЖЕНЬ АРХІТЕКТУРНОЇ МЕТОДОЛОГІЇ FEATURE-SLICED DESIGN У КОМЕРЦІЙНИХ FRONTEND- ПРОЄКТАХ
DOI:
https://doi.org/10.32689/maup.it.2025.2.26Ключові слова:
Feature-Sliced Design, Angular, frontend-архітектура, масштабованість, шарова структура, модульність, ToDo-додаток, архітектурна методологія, технічний борг, UX-композиція, структура проєктуАнотація
Метою дослідження є виявлення переваг та обмежень архітектурної методології Feature-Sliced Design (FSD) у розробці комерційних frontend-застосунків, зокрема на прикладі Angular-проєктів, які вимагають високого ступеня модульності, адаптивності до змін і підтримки структурної цілісності на всіх етапах життєвого циклу програмного продукту. Особливу увагу приділено визначенню доцільності впровадження даного підходу у командах малого та середнього масштабу, що функціонують у середовищі інтенсивної розробки, з короткими релізними циклами та високими вимогами до підтримуваності коду.Методологія дослідження базується на структурному аналізі теоретичних засад FSD, практичному моделюванні архітектури програмного забезпечення на прикладі ToDo-додатку з відкритим кодом, реалізованого відповідно до всієї ієрархії рівнів – app, processes, pages, widgets, features, entities та shared. Також здійснено порівняльний аналіз із провідними альтернативними архітектурними підходами – Atomic Design, MVVM і MVC – на основі критеріїв масштабованості, когезії, рівня зв’язаності модулів, можливості повторного використання компонентів, структурної прозорості та підтримки безперервної інтеграції.Наукова новизна полягає в комплексному описі ключових переваг FSD, серед яких – інкапсуляція бізнес-функціоналу, мінімізація міжмодульних залежностей, передбачувана ієрархія структури та прозора логіка компонентної взаємодії. Вперше узагальнено обмеження, характерні для практичного застосування методології: складність початкового впровадження, фрагментарність документації, високі вимоги до архітектурної дисципліни та труднощі адаптації нових розробників у команду.Висновки. Результати дослідження підтверджують ефективність FSD як архітектурної парадигми для побудови стабільних, масштабованих і довготривало підтримуваних frontend-систем. Водночас успішне застосування підходу вимагає високої підготовленості команди, внутрішньої документації, уніфікованих підходів до структурування та чіткого дотримання прийнятих принципів. Практична значущість дослідження полягає у формулюванні рекомендацій щодо інтеграції FSD у комерційні вебзастосунки з підвищеними вимогами до архітектурної керованості, підтримуваності й масштабованості.
Посилання
Ben Khalfallah H. CRISP: Clean, Reliable, Integrated Software Process. Crafting Clean Code with JavaScript and React. Berkeley, CA : Apress, 2024. URL: https://doi.org/10.1007/979-8-8688-1004-6_6. (date of access: 08.06.2025).
Ben Khalfallah H. HOFA: The Path Toward Clean Architecture. Crafting Clean Code with JavaScript and React: A Practical Guide to Sustainable Front-End Development. Berkeley, CA : Apress, 2024. P. 233–287. URL: https://doi.org/10.1007/979-8-8688-1004-6_4. (date of access: 08.06.2025).
Feature-Sliced Design – modern Front End Architectural Methodology on Angular. Medium. URL: https://medium.com/@fed4wet/feature-sliced-design-modern-architectural-methodology-on-angular-d0ef705ef598. (date of access: 08.06.2025).
Feature-Sliced Design (FSD). URL: https://medium.com/@jstify.community/feature-slice-design-%D1%89%D0% BE-%D1%86%D0%B5-%D1%82%D0%B0%D0%BA%D0%B5-8cb86d059c16. (date of access: 08.06.2025).
Gao S., Xia T., Hong G., Zhu Y., Chen Z., Pan E., Xi L. An inspection network with dynamic feature extractor and task alignment head for steel surface defect. Measurement 2024. Vol. 224. P. 113957. URL: https://doi.org/10.1016/j. measurement.2023.113957. (date of access: 08.06.2025).
Goh H. A., Ho C. K., Abas F. S. Front-end deep learning web apps development and deployment: a review. Applied Intelligence 2023. Vol. 53, No. 12. P. 15923–15945. URL: https://doi.org/10.1007/s10489-022-04278-6. (date of access: 08.06.2025).
Hidayat D. C., Atmaja I. K. J., Sarasvananda I. B. G. Analysis and Comparison of Micro Frontend and Monolithic Architecture for Web Applications. Jurnal Galaksi 2024. Vol. 1, No. 2. P. 92–100. URL: https://doi.org/10.70103/galaksi.v1i2.19. (date of access: 08.06.2025).
Kolomoyets M., Kynash Y. Front-End web development project architecture design. 2023 IEEE 18th International Conference on Computer Science and Information Technologies (CSIT). 2023. P. 1–5. URL: https://doi.org/10.1109/CSIT61576.2023.10324238. (date of access: 08.06.2025).
Kong X., Li A., Li W., Li Z., Zhang Y. RFSD-YOLO: An Enhanced X-Ray Object Detection Model for Prohibited Items. 2024 IEEE International Conference on Systems, Man, and Cybernetics (SMC). October 2024. P. 4412–4418. URL: https://doi.org/10.1109/SMC54092.2024.10831942. (date of access: 08.06.2025).
Rašović N. Recommended layer thickness to the powder-based additive manufacturing using multi-attribute decision support. International Journal of Computer Integrated Manufacturing 2021. Vol. 34, No. 5. P. 455–469. URL: https://doi.org/10.1080/0951192X.2021.1891574. (date of access: 08.06.2025).
##submission.downloads##
Опубліковано
Як цитувати
Номер
Розділ
Ліцензія
Авторське право (c) 2025 Олег СИПЯГІН, Дмитро ПОЛТАВСЬКИЙ, Роман МАРТИНЕНКО

Ця робота ліцензується відповідно до Creative Commons Attribution 4.0 International License.