The article is devoted to the architectural evolution and technological solutions of the frontend application of the Atom.OKO document analysis and classification system. The main stages of the transition from a modular structure to Feature-Sliced Design (FSD), the use of React 18, MobX and TypeScript for building scalable business logic are described. Solutions for visualization of interactive graphs using React Flow, control of positional markup of documents through Paper are considered.js, as well as optimizing the interface and build when switching from Webpack to Vite. Special attention is paid to lazy loading of components, CI/CD organization, containerization with Docker, code quality assurance and testing using Jest, React Testing Library and BackstopJS. The importance of a systematic approach to architecture that ensures scalability, predictability, and maintainability of a frontend application is emphasized.
frontend, React, MobX, TypeScript, Feature-Sliced Design, React Flow, Paper.js, Ant Design, Vite, lazy loading, CI/CD, Docker, testing, Jest, React Testing Library, BackstopJS, visual Business logic, OCR
1. Martin R. Chistaya arhitektura: iskusstvo razrabotki programmnogo obespecheniya vysokogo kachestva. — M.: Vil'yams, 2013.
2. Fauler M. Shablony korporativnyh prilozheniy / Per. s angl. — M.: Dialektika, 2004.
3. Nikul'chev E., Il'in D., Gusev A. Model' vybora tehnologicheskogo steka dlya proektirovaniya programmnogo obespecheniya cifrovyh platform // Matematika. — 2021. — T. 9, №4. — S. 308.
4. Stefanov, S. React. Bystryy start / S. Stefanov. – 2-3 izd., ster. – Sankt-Peterburg: Piter, 2023. – 304 s.
5. Podila, P. MobX Quick Start Guide / P.Podila, M. Weststrate. – 1st ed. – Packt Publishing, 2018. – 236 s.
6. Ant Design 5.0: sayt URL: https://ant.design/ (data obrascheniya: 28.07.2025).
7. Vite. The Build Tool for the Web: sayt URL: https://vite.dev/ (data obrascheniya 28.07.2025)
8. JestJs: sayt URL: https://jestjs.io/ (data obrascheniya 28.07.2025)
9. React Testing Library: sayt URL: https://testing-library.com/docs/react-testing-library/intro/ (data obrascheniya 28.07.2025)
10. Emmanuil G. Docker Compose dlya razrabotchika // DMK-Press. — 2023. — S. 154–158
11. Feature-Sliced Design: sayt URL: https://feature-sliced.design/ (data obrascheniya 28.07.2025)
