EXPLORING THE ADVANTAGES AND LIMITATIONS OF THE FEATURE-SLICED DESIGN ARCHITECTURAL METHODOLOGY IN COMMERCIAL FRONTEND PROJECTS
DOI:
https://doi.org/10.32689/maup.it.2025.2.26Keywords:
Feature-Sliced Design, Angular, frontend architecture, scalability, layered structure, modularity, ToDo application, architectural methodology, technical debt, UX composition, project structureAbstract
The purpose of this study is to identify the advantages and limitations of the Feature-Sliced Design (FSD) architectural methodology in the development of commercial frontend applications, particularly using Angular-based projects that require a high degree of modularity, adaptability to change, and preservation of structural integrity throughout the software product life cycle. Special attention is given to assessing the feasibility of implementing this approach within small and medium-sized development teams operating in fast-paced environments with short release cycles and high demands for maintainable code.The research methodology is based on a structural analysis of the theoretical foundations of FSD, practical modeling of software architecture using an open-source ToDo application implemented according to the full hierarchical structure–app, processes, pages, widgets, features, entities, and shared–and a comparative analysis with leading alternative architectural approaches such as Atomic Design, MVVM, and MVC. The comparison was conducted based on criteria such as scalability, cohesion, module decoupling, reusability of components, structural transparency, and support for continuous integration.The scientific novelty lies in a comprehensive description of the core advantages of FSD, including business logic encapsulation, minimized inter-module dependencies, predictable structural hierarchy, and transparent component interaction logic. For the first time, the study systematizes the practical constraints associated with FSD implementation: the complexity of initial configuration, fragmented documentation, high architectural discipline requirements, and the onboarding difficulties for new developers.Conclusions. The study confirms the effectiveness of FSD as an architectural paradigm for building stable, scalable, and long-term maintainable frontend systems. However, successful adoption requires a well-prepared development team, comprehensive internal documentation, standardized structuring practices, and strict adherence to established architectural principles. The practical significance of the research lies in offering recommendations for integrating FSD into commercial web applications with elevated requirements for architectural manageability, maintainability, and scalability.
References
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).
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Олег СИПЯГІН, Дмитро ПОЛТАВСЬКИЙ, Роман МАРТИНЕНКО

This work is licensed under a Creative Commons Attribution 4.0 International License.