{"id":1208,"date":"2024-09-18T11:30:43","date_gmt":"2024-09-18T09:30:43","guid":{"rendered":"https:\/\/sii.ua\/blog\/?p=1208"},"modified":"2024-09-18T11:54:23","modified_gmt":"2024-09-18T09:54:23","slug":"hilla-optymalna-intehratsiya-tekhnolohiy-spring-boot-ta-react-v-odnomu-mistsi","status":"publish","type":"post","link":"https:\/\/sii.ua\/blog\/hilla-optymalna-intehratsiya-tekhnolohiy-spring-boot-ta-react-v-odnomu-mistsi\/","title":{"rendered":"Hilla: \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u0430 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044f \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0439 \u2013 Spring Boot \u0442\u0430 React \u0432 \u043e\u0434\u043d\u043e\u043c\u0443 \u043c\u0456\u0441\u0446\u0456"},"content":{"rendered":"\n<p>\u0423 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u043c\u0443 \u0441\u0432\u0456\u0442\u0456 \u0440\u043e\u0437\u043f\u043e\u0434\u0456\u043b\u0435\u043d\u0438\u0445 \u0432\u0435\u0431-\u0441\u0438\u0441\u0442\u0435\u043c \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0430 \u0431\u0430\u043b\u0430\u043d\u0441\u0443 \u043c\u0456\u0436 \u0431\u0435\u043a\u0435\u043d\u0434\u043e\u043c \u0456 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043c \u0447\u0430\u0441\u0442\u043e \u0441\u0442\u0430\u0454 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u044e, \u0432\u0438\u0440\u0456\u0448\u0438\u0442\u0438 \u044f\u043a\u0443 \u043d\u0435\u043b\u0435\u0433\u043a\u043e. \u041f\u0440\u0430\u0446\u044e\u044e\u0447\u0438 \u0437 \u043e\u043a\u0440\u0435\u043c\u0438\u043c\u0438 \u0440\u0456\u0432\u043d\u044f\u043c\u0438, \u0440\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a\u0438 \u043d\u0435\u0440\u0456\u0434\u043a\u043e \u0441\u0442\u0438\u043a\u0430\u044e\u0442\u044c\u0441\u044f \u0437 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438, \u043f\u043e\u0432\u2019\u044f\u0437\u0430\u043d\u0438\u043c\u0438 \u0437 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0456\u0437\u0430\u0446\u0456\u0454\u044e, \u043a\u043e\u043c\u0443\u043d\u0456\u043a\u0430\u0446\u0456\u0454\u044e \u0442\u0430 \u043c\u043e\u0436\u043b\u0438\u0432\u0456\u0441\u0442\u044e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0443\u0432\u0430\u043d\u043d\u044f. \u041d\u0430 \u0449\u0430\u0441\u0442\u044f, \u043d\u0430 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0456 \u0437\u2019\u044f\u0432\u0438\u043b\u043e\u0441\u044f \u0443\u043d\u0456\u043a\u0430\u043b\u044c\u043d\u0435 \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u2013 Hilla. <\/p>\n\n\n\n<p>\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u043c\u0438 \u0434\u0456\u0437\u043d\u0430\u0454\u043c\u043e\u0441\u044f, \u044f\u043a\u0438\u043c \u0447\u0438\u043d\u043e\u043c Hilla \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u0454 \u0437\u043b\u0430\u0433\u043e\u0434\u0436\u0435\u043d\u0443 \u043a\u043e\u043c\u0443\u043d\u0456\u043a\u0430\u0446\u0456\u044e \u043c\u0456\u0436 \u0431\u0435\u043a\u0435\u043d\u0434\u043e\u043c \u0456 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043c, \u0433\u0430\u0440\u0430\u043d\u0442\u0443\u044e\u0447\u0438 \u043f\u0440\u0438 \u0446\u044c\u043e\u043c\u0443 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c. \u041f\u043e\u0442\u0456\u043c \u043c\u0438 \u0437\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u043c\u043e\u0441\u044f \u043d\u0430 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u0457 \u0444\u043e\u0440\u043c \u0456 \u043f\u043e\u043a\u0430\u0436\u0435\u043c\u043e, \u0443 \u044f\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u0456\u0431 Hilla \u0440\u043e\u0431\u0438\u0442\u044c \u0446\u0435\u0439 \u043f\u0440\u043e\u0446\u0435\u0441 \u043f\u0440\u043e\u0441\u0442\u0456\u0448\u0438\u043c, \u0431\u0435\u0437\u043f\u0435\u0447\u043d\u0456\u0448\u0438\u043c \u0442\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0448\u0438\u043c.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2024\/05\/image1-4.png\"><img decoding=\"async\" src=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2024\/05\/image1-4.png\" alt=\"hilla\" class=\"wp-image-27903\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u0429\u043e \u0442\u0430\u043a\u0435 Hilla<\/strong>?<\/strong><\/h2>\n\n\n\n<p>Hilla \u2013 \u0446\u0435 \u0456\u043d\u043d\u043e\u0432\u0430\u0446\u0456\u0439\u043d\u0430 \u0431\u0430\u0437\u043e\u0432\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430, \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u044e Vaadin. \u0412\u043e\u043d\u0430 \u043f\u043e\u0454\u0434\u043d\u0443\u0454 \u0432 \u0441\u043e\u0431\u0456 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 Spring Boot \u0442\u0430 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0443 React. \u0412\u043e\u043d\u0430 \u043f\u0440\u043e\u043f\u043e\u043d\u0443\u0454 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0443 \u0442\u0430 \u043f\u0440\u043e\u0441\u0442\u0443 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044e \u0442\u0430 \u0432\u0438\u0440\u0456\u0448\u0443\u0454 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0438 \u043e\u043a\u0440\u0435\u043c\u0438\u0445 \u0431\u0435\u043a\u0435\u043d\u0434 \u0442\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0448\u0430\u0440\u0456\u0432. \u0412\u043e\u043d\u0430 \u0442\u0430\u043a\u043e\u0436 \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u0454 \u0437\u0440\u0443\u0447\u043d\u0456\u0441\u0442\u044c \u0442\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c \u0443 \u043f\u0440\u043e\u0446\u0435\u0441\u0456 \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u0438 \u0432\u0435\u0431-\u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0456\u0432.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0454\u043a\u0442\u0443 Hilla<\/strong><\/strong><\/h2>\n\n\n\n<p>\u0429\u043e\u0431 \u043f\u043e\u0447\u0430\u0442\u0438 \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 Hilla, \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0438 \u043d\u0430 \u043a\u043e\u043c\u043f\u2019\u044e\u0442\u0435\u0440\u0456 NodeJS \u0442\u0430 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u043a\u0430 npm (npx \u0432\u0436\u0435 \u0432\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0439 \u0443 npm, \u043f\u043e\u0447\u0438\u043d\u0430\u044e\u0447\u0438 \u0437 \u0432\u0435\u0440\u0441\u0456\u0457 5.2.0).<\/p>\n\n\n\n<p>\u0429\u043e\u0431 \u043f\u043e\u0447\u0430\u0442\u0438 \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 Hilla, \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u043e \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043f\u0440\u043e\u0454\u043a\u0442. \u041d\u0438\u0436\u0447\u0435 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0443, \u044f\u043a\u0430 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u0446\u0435 \u0437\u0440\u043e\u0431\u0438\u0442\u0438:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npx @hilla\/cli init hilla-blog<\/pre>\n\n\n\n<p>\u041e\u0441\u044c \u044f\u043a \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0456\u0432 \u043f\u0456\u0441\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0454\u043a\u0442\u0443:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image2-4.png\"><img decoding=\"async\" width=\"418\" height=\"742\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image2-4.png\" alt=\"\" class=\"wp-image-1107\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image2-4.png 418w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image2-4-169x300.png 169w\" sizes=\"(max-width: 418px) 100vw, 418px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434 (React)\n<ul class=\"wp-block-list\">\n<li><strong>frontend\/components <\/strong>\u2013 \u0446\u0435\u043a\u0430\u0442\u0430\u043b\u043e\u0433, \u0449\u043e \u043c\u0456\u0441\u0442\u0438\u0442\u044c React-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0438, \u0437 \u044f\u043a\u0438\u0445 \u0432\u0438\u0431\u0443\u0434\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430. \u0421\u044e\u0434\u0438 \u0432\u0445\u043e\u0434\u044f\u0442\u044c \u0432\u0456\u0437\u0443\u0430\u043b\u044c\u043d\u0456 \u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u0442\u0430\u043a\u0456 \u044f\u043a \u043a\u043d\u043e\u043f\u043a\u0438, \u0444\u043e\u0440\u043c\u0438 \u0430\u0431\u043e \u0432\u043a\u043b\u0430\u0434\u043a\u0438.<\/li>\n\n\n\n<li><strong>frontend\/themes <\/strong>\u2013 \u0446\u0435\u043a\u0430\u0442\u0430\u043b\u043e\u0433, \u043f\u0440\u0438\u0441\u0432\u044f\u0447\u0435\u043d\u0438\u0439 \u0433\u0440\u0430\u0444\u0456\u0447\u043d\u0438\u043c \u0441\u0442\u0438\u043b\u044f\u043c \u0456 \u0442\u0435\u043c\u0430\u043c. \u0412\u0456\u043d \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u0444\u0430\u0439\u043b\u0438 \u0437 \u0442\u0430\u0431\u043b\u0438\u0446\u044f\u043c\u0438 \u0441\u0442\u0438\u043b\u0456\u0432, \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f\u043c\u0438 \u043a\u043e\u043b\u044c\u043e\u0440\u0456\u0432 \u0442\u0430 \u0448\u0440\u0438\u0444\u0442\u0456\u0432, \u0449\u043e \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u043b\u0435\u0433\u043a\u043e \u043a\u0435\u0440\u0443\u0432\u0430\u0442\u0438 \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u0456\u043c \u0432\u0438\u0433\u043b\u044f\u0434\u043e\u043c \u0432\u0430\u0448\u043e\u0433\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443..<\/li>\n\n\n\n<li><strong>frontend\/util <\/strong>\u2013 \u0446\u0435\u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0437 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0442\u0430 \u0434\u043e\u043f\u043e\u043c\u0456\u0436\u043d\u0438\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0456\u044f\u043c\u0438, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0432 \u0440\u0456\u0437\u043d\u0438\u0445 \u043c\u0456\u0441\u0446\u044f\u0445 \u043f\u0440\u043e\u0454\u043a\u0442\u0443. \u0412\u0456\u043d \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0456\u0457 \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u044f\u043a\u0456 \u043f\u043e\u043b\u0435\u0433\u0448\u0443\u044e\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441 \u043c\u0430\u043d\u0456\u043f\u0443\u043b\u044e\u0432\u0430\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u043c\u0438 \u0430\u0431\u043e \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u043f\u0435\u0432\u043d\u0438\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0456\u0439.<\/li>\n\n\n\n<li><strong>frontend\/views <\/strong>\u2013 \u0446\u0435\u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0437 \u043f\u043e\u0434\u0430\u043d\u043d\u044f\u043c\u0438, \u0442\u043e\u0431\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u0438\u043c\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430\u043c\u0438 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a \u0443 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443. \u0422\u0443\u0442 \u0437\u043d\u0430\u0445\u043e\u0434\u044f\u0442\u044c\u0441\u044f \u0444\u0430\u0439\u043b\u0438, \u0449\u043e \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u044e\u0442\u044c \u0437\u0430 \u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u044e \u043f\u0435\u0432\u043d\u0438\u0445 \u0441\u0435\u043a\u0446\u0456\u0439 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430.\u00a0\u00a0<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u0411\u0435\u043a\u0435\u043d\u0434 (Spring Boot)\n<ul class=\"wp-block-list\">\n<li><strong>src\/main\/java\/com\/example\/application <\/strong>\u2013 \u0446\u0435\u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0432\u0438\u0445\u0456\u0434\u043d\u0438\u0445 \u0442\u0435\u043a\u0441\u0442\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u044f\u043a\u0438\u0439 \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0456 Java-\u043f\u043e\u0434\u0430\u043d\u043d\u044f. \u0423 \u043d\u044c\u043e\u043c\u0443 \u0437\u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0444\u0430\u0439\u043b Applicaiton.java, \u044f\u043a\u0438\u0439 \u0454 \u0442\u043e\u0447\u043a\u043e\u044e \u0432\u0445\u043e\u0434\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>\u0422\u0430\u043a\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0454\u043a\u0442\u0443 \u043f\u043e\u043b\u0435\u0433\u0448\u0443\u0454 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u044e \u0442\u0430 \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u043e\u0432\u0443\u0454 \u043a\u043e\u0434 \u0434\u043b\u044f \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0438 \u044f\u043a \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434, \u0442\u0430\u043a \u0456 \u0431\u0435\u043a\u0435\u043d\u0434 \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u0438. \u0420\u043e\u0437\u0434\u0456\u043b\u044f\u044e\u0447\u0438 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438 \u00abfrontend\u00bb \u0456 \u00absrc\u00bb, Hilla \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u0437\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u0442\u0438\u0441\u044f \u043d\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0439 \u0440\u043e\u0431\u043e\u0442\u0456 \u043d\u0430\u0434 \u043e\u0431\u043e\u043c\u0430 \u0440\u0456\u0432\u043d\u044f\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u042f\u043a \u043f\u0440\u0430\u0446\u044e\u0454 Hilla<\/strong>?<\/strong><\/h2>\n\n\n\n<p>Hilla \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u0432\u0438\u043a\u043b\u0438\u043a\u0430\u0442\u0438 \u043c\u0435\u0442\u043e\u0434\u0438 Java \u0437 TypeScript. \u041a\u043b\u044e\u0447\u043e\u0432\u0438\u043c \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u0446\u0456\u0454\u0457 \u0444\u0443\u043d\u043a\u0446\u0456\u0457 \u0454 \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u044f @BrowserCallable. \u0412\u0441\u0456 \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u043e\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0456 \u043c\u0435\u0442\u043e\u0434\u0438 \u0432 \u043a\u043b\u0430\u0441\u0456, \u043f\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u0456 \u0446\u0456\u0454\u044e \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u0454\u044e, \u0441\u0442\u0430\u044e\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0438\u043c\u0438 \u0434\u043b\u044f \u0432\u0438\u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443. \u041f\u0456\u0434 \u0447\u0430\u0441 \u0437\u0430\u043f\u0443\u0441\u043a\u0443 \u043f\u0440\u043e\u0454\u043a\u0442\u0443 Hilla \u0433\u0435\u043d\u0435\u0440\u0443\u0454 TypeScript-\u0435\u043a\u0432\u0456\u0432\u0430\u043b\u0435\u043d\u0442\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440 \u0434\u0430\u043d\u0438\u0445, \u0449\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0442\u044c\u0441\u044f \u0432 \u043a\u043b\u0430\u0441\u0456, \u043f\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043e\u043c\u0443 \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u0454\u044e @BrowserCallable. \u041a\u0440\u0456\u043c \u0442\u043e\u0433\u043e, \u0432\u043e\u043d\u0430 \u0441\u0442\u0432\u043e\u0440\u044e\u0454 \u0435\u043a\u0432\u0456\u0432\u0430\u043b\u0435\u043d\u0442 \u0446\u044c\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0443, \u0449\u043e \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u043f\u043b\u0430\u0432\u043d\u043e \u0456 \u0431\u0435\u0437\u043f\u0435\u0440\u0435\u0448\u043a\u043e\u0434\u043d\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0446\u0456 \u043c\u0435\u0442\u043e\u0434\u0438 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0456\u044f \u0440\u043e\u0431\u043e\u0442\u0438 Hilla \u043d\u0430 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456 \u043f\u0440\u043e\u0454\u043a\u0442\u0443<\/strong><\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>\u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0448\u0430\u0440<\/strong><\/strong><\/h3>\n\n\n\n<p>\u0414\u043b\u044f \u0446\u0456\u0454\u0457 \u0441\u0442\u0430\u0442\u0442\u0456 \u044f \u043f\u0456\u0434\u0433\u043e\u0442\u0443\u044e \u0448\u0430\u0440 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443, \u0449\u043e \u0441\u043a\u043b\u0430\u0434\u0430\u0454\u0442\u044c\u0441\u044f \u0437 \u043b\u043e\u0433\u0456\u0447\u043d\u043e\u0433\u043e \u043e\u0431\u2019\u0454\u043a\u0442\u0430, \u0441\u0445\u043e\u0432\u0438\u0449\u0430, dto, \u0434\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440\u0430 \u043f\u0430\u043c\u2019\u044f\u0442\u0456 \u0456 \u0441\u0435\u0440\u0432\u0456\u0441\u0443, \u0449\u043e\u0431 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0443\u0432\u0430\u0442\u0438 \u0440\u043e\u0431\u043e\u0442\u0443 \u0431\u0430\u0437\u043e\u0432\u043e\u0457 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438 Hilla.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u041b\u043e\u0433\u0456\u0447\u043d\u0438\u0439 \u043e\u0431\u2019\u0454\u043a\u0442:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image3-4.png\"><img decoding=\"async\" width=\"593\" height=\"873\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image3-4.png\" alt=\"\" class=\"wp-image-1109\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image3-4.png 593w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image3-4-204x300.png 204w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0421\u0445\u043e\u0432\u0438\u0449\u0435:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image4-3.png\"><img decoding=\"async\" width=\"647\" height=\"289\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image4-3.png\" alt=\"\" class=\"wp-image-1111\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image4-3.png 647w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image4-3-300x134.png 300w\" sizes=\"(max-width: 647px) 100vw, 647px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>DTO:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image5-3.png\"><img decoding=\"async\" width=\"312\" height=\"277\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image5-3.png\" alt=\"\" class=\"wp-image-1113\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image5-3.png 312w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image5-3-300x266.png 300w\" sizes=\"(max-width: 312px) 100vw, 312px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0414\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440\u0430 \u043f\u0430\u043c\u2019\u044f\u0442\u0456 (\u044f \u0431\u0443\u0434\u0443 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 MapStruct):<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image6-2.png\"><img decoding=\"async\" width=\"525\" height=\"368\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image6-2.png\" alt=\"\" class=\"wp-image-1115\" style=\"object-fit:cover\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image6-2.png 525w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image6-2-300x210.png 300w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0421\u0435\u0440\u0432\u0456\u0441:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image7-2.png\"><img decoding=\"async\" width=\"666\" height=\"839\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image7-2.png\" alt=\"\" class=\"wp-image-1117\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image7-2.png 666w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image7-2-238x300.png 238w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/><\/a><\/figure>\n\n\n\n<p>\u042f \u0434\u043e\u0434\u0430\u0432 \u0434\u043e \u0441\u0435\u0440\u0432\u0456\u0441\u0443 \u0434\u0432\u0430 \u043c\u0435\u0442\u043e\u0434\u0438:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>findAll(), \u044f\u043a\u0438\u0439 \u0431\u0443\u0434\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u0434\u043b\u044f \u043f\u043e\u0448\u0443\u043a\u0443 \u0432\u0441\u0456\u0445 \u0437\u0430\u043f\u0438\u0441\u0456\u0432 Car,<\/li>\n\n\n\n<li>create(CarDTO carDTO), \u044f\u043a\u0438\u0439 \u0431\u0443\u0434\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u0434\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0437\u0430\u043f\u0438\u0441\u0443 Car.<\/li>\n<\/ul>\n\n\n\n<p>\u0423 \u0441\u0435\u0440\u0432\u0456\u0441\u0456 \u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0432 \u043c\u0435\u0442\u043e\u0434 @BrowserCallable, \u0449\u043e\u0431 \u0443\u043c\u043e\u0432\u0436\u043b\u0438\u0432\u0438\u0442\u0438 \u0432\u0438\u043a\u043b\u0438\u043a \u043c\u0435\u0442\u043e\u0434\u0456\u0432 \u0437 React-\u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443. \u041a\u0440\u0456\u043c \u0442\u043e\u0433\u043e, \u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0432 \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u044e @AnonymousAllowed, \u0449\u043e\u0431 \u0432\u0456\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0438 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0443, \u044f\u043a\u0438\u0439 \u043f\u0435\u0440\u0435\u0434\u0431\u0430\u0447\u0430\u0454 Hilla (<strong>\u044f \u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e <\/strong>\u0440\u043e\u0431\u0438\u0442\u0438 \u0446\u0435 \u0432 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443 \u2013 \u044f \u0440\u043e\u0431\u043b\u044e \u0446\u0435 \u0432\u0438\u043a\u043b\u044e\u0447\u043d\u043e \u0434\u043b\u044f \u0446\u0456\u043b\u0435\u0439 \u0446\u0456\u0454\u0457 \u0441\u0442\u0430\u0442\u0442\u0456). \u042f \u0442\u0430\u043a\u043e\u0436 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0432 \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u044e @Nonnull. \u0413\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 TypeScript \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454 \u0457\u0457 \u044f\u043a \u0434\u0436\u0435\u0440\u0435\u043b\u043e \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0457 \u043f\u0440\u043e \u0442\u0438\u043f\u0438, \u044f\u043a\u0456 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u0447\u0438 \u043d\u0435 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f.<\/p>\n\n\n\n<p>\u0422\u0438\u043f\u0438, \u044f\u043a\u0456 \u043d\u0435 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u0454 \u043e\u0431\u043e\u0432\u2019\u044f\u0437\u043a\u043e\u0432\u0438\u043c\u0438, \u0442\u043e\u0431\u0442\u043e \u0432\u0438\u043c\u0430\u0433\u0430\u044e\u0442\u044c \u043d\u0430\u044f\u0432\u043d\u043e\u0441\u0442\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u044c, \u0442\u043e\u0434\u0456 \u044f\u043a \u0442\u0438\u043f\u0438, \u044f\u043a\u0456 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u0454 \u043d\u0435\u043e\u0431\u043e\u0432\u2019\u044f\u0437\u043a\u043e\u0432\u0438\u043c\u0438, \u0442\u043e\u0431\u0442\u043e \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u0432\u0456\u0434\u0441\u0443\u0442\u043d\u0456\u0441\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u044c. \u0417\u0430 \u0437\u0430\u043c\u043e\u0432\u0447\u0443\u0432\u0430\u043d\u043d\u044f\u043c, \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0442\u0430 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0456\u044e \u0442\u0438\u043f\u0456\u0432 \u0434\u0438\u043a\u0442\u0443\u044e\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430 Java:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u041f\u0440\u0438\u043c\u0456\u0442\u0438\u0432\u043d\u0456 \u0442\u0438\u043f\u0438, \u0442\u0430\u043a\u0456 \u044f\u043a \u00abfloat\u00bb, \u043d\u0435 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f.<\/li>\n\n\n\n<li>\u0414\u043e\u0432\u0456\u0434\u043a\u043e\u0432\u0456 \u0442\u0438\u043f\u0438, \u0442\u0430\u043a\u0456 \u044f\u043a \u00abString\u00bb \u0430\u0431\u043e \u00abFloat\u00bb, \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f.<\/li>\n\n\n\n<li>\u041a\u043e\u043b\u0435\u043a\u0446\u0456\u0457 \u043f\u0440\u0438\u0439\u043c\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u044f\u043a\u0449\u043e \u0442\u0438\u043f \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043d\u0435 \u0454 \u043f\u0440\u0438\u043c\u0456\u0442\u0438\u0432\u043d\u0438\u043c.<\/li>\n\n\n\n<li>\u041a\u0430\u0440\u0442\u0438 \u043f\u0440\u0438\u0439\u043c\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u044f\u043a\u0449\u043e \u0442\u0438\u043f \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043d\u0435 \u0454 \u043f\u0440\u0438\u043c\u0456\u0442\u0438\u0432\u043d\u0438\u043c.<\/li>\n<\/ul>\n\n\n\n<p>\u0414\u043b\u044f \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0442\u0438\u043f\u0456\u0432, \u044f\u043a\u0456 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u0443 \u0442\u0438\u043f\u0438, \u044f\u043a\u0456 \u043d\u0435 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u0432\u0430\u0442\u0438 \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u044e @Nonnull. \u0420\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a\u0438 Hilla \u0432\u0438\u0440\u0456\u0448\u0438\u043b\u0438 \u0434\u043e\u0434\u0430\u0442\u0438 \u0446\u044e \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u044e, \u043e\u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0456\u0441\u043d\u0443\u044e\u0447\u0430 \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u044f \u00abjakarta.annotation.Nonnull\u00bb \u043d\u0435 \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0434\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0456\u0432 \u0442\u0438\u043f\u0456\u0432.<\/p>\n\n\n\n<p>\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043f\u0440\u043e\u0454\u043a\u0442\u0443 \u044f \u0431\u0443\u0434\u0443 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u0438\u0445 H2, \u044f\u043a\u0430 \u0441\u0442\u0432\u043e\u0440\u044e\u0454\u0442\u044c\u0441\u044f \u0432 \u043f\u0430\u043c\u2019\u044f\u0442\u0456 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443 \u043f\u0456\u0434 \u0447\u0430\u0441 \u0437\u0430\u043f\u0443\u0441\u043a\u0443. \u042f \u0442\u0430\u043a\u043e\u0436 \u0434\u043e\u0434\u0430\u043c \u0442\u0435\u0441\u0442\u043e\u0432\u0456 \u0434\u0430\u043d\u0456 \u0434\u043b\u044f \u0457\u0445 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image8-2.png\"><img decoding=\"async\" width=\"997\" height=\"119\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image8-2.png\" alt=\"\" class=\"wp-image-1119\" style=\"width:840px;height:auto\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image8-2.png 997w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image8-2-300x36.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image8-2-768x92.png 768w\" sizes=\"(max-width: 997px) 100vw, 997px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u0406\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043d\u0438\u0439 \u0448\u0430\u0440<\/strong><\/strong><\/h2>\n\n\n\n<p>\u041d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u043c \u043a\u0440\u043e\u043a\u043e\u043c \u0454 \u0437\u0430\u043f\u0443\u0441\u043a \u043f\u0440\u043e\u0454\u043a\u0442\u0443, \u0449\u043e \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 Hilla \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u043e \u0433\u0435\u043d\u0435\u0440\u0443\u0432\u0430\u0442\u0438 \u0444\u0430\u0439\u043b\u0438, \u0433\u043e\u0442\u043e\u0432\u0456 \u0434\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443.<\/p>\n\n\n\n<p>\u041e\u0441\u044c \u044f\u043a \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0437\u0433\u0435\u043d\u0435\u0440\u043e\u0432\u0430\u043d\u0438\u0445 \u0444\u0430\u0439\u043b\u0456\u0432 \u043f\u0456\u0441\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0443 \u043f\u0440\u043e\u0454\u043a\u0442\u0443:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image9-2.png\"><img decoding=\"async\" width=\"282\" height=\"288\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image9-2.png\" alt=\"\" class=\"wp-image-1121\" style=\"object-fit:cover\"\/><\/a><\/figure>\n\n\n\n<p>CarDTO.ts \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0454 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0444\u0430\u0439\u043b\u0443 CarDTO.java, \u044f\u043a\u0430 \u0431\u0443\u043b\u0430 \u0440\u0430\u043d\u0456\u0448\u0435 \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u0430 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u0430.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image10-2.png\"><img decoding=\"async\" width=\"257\" height=\"186\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image10-2.png\" alt=\"\" class=\"wp-image-1123\" style=\"object-fit:cover\"\/><\/a><\/figure>\n\n\n\n<p>\u0424\u0430\u0439\u043b PlikThe CarDTOModel.ts \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u043f\u043e\u043b\u0456\u0432 \u0456 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438, \u043f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u0456 \u0434\u043b\u044f \u043e\u043a\u0440\u0435\u043c\u0438\u0445 \u043f\u043e\u043b\u0456\u0432 \u0443 DTO \u0434\u043b\u044f \u043e\u0431\u2019\u0454\u043a\u0442\u0430 Car.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image11-2.png\"><img decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image11-2.png\" alt=\"\" class=\"wp-image-1125\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image11-2.png 1024w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image11-2-300x141.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image11-2-768x361.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>\u0424\u0430\u0439\u043b CarService.ts \u043f\u043e\u0441\u0438\u043b\u0430\u0454\u0442\u044c\u0441\u044f \u043d\u0430 \u043a\u043b\u0430\u0441 CarService.java, \u0449\u043e \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u0438 \u043f\u0440\u043e \u0440\u0456\u0437\u043d\u0456 \u043c\u0435\u0442\u043e\u0434\u0438, \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u0456 \u0443 \u0446\u044c\u043e\u043c\u0443 \u043a\u043b\u0430\u0441\u0456.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image12-2.png\"><img decoding=\"async\" width=\"1024\" height=\"190\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image12-2-1024x190.png\" alt=\"\" class=\"wp-image-1127\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image12-2-1024x190.png 1024w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image12-2-300x56.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image12-2-768x143.png 768w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image12-2.png 1162w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>\u0417 \u0442\u0430\u043a\u0438\u043c \u043d\u0430\u0431\u043e\u0440\u043e\u043c \u0437\u0433\u0435\u043d\u0435\u0440\u043e\u0432\u0430\u043d\u0438\u0445 \u0444\u0430\u0439\u043b\u0456\u0432 \u044f \u043f\u0435\u0440\u0435\u0439\u0448\u043e\u0432 \u0434\u043e \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043f\u043e\u0434\u0430\u043d\u043d\u044f CarView.ts, \u0432 \u044f\u043a\u043e\u043c\u0443 \u0434\u043e\u0434\u0430\u043c \u0444\u043e\u0440\u043c\u0443, \u0449\u043e \u0441\u043a\u043b\u0430\u0434\u0430\u0454\u0442\u044c\u0441\u044f \u0437 \u0434\u0432\u043e\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0438\u0445 \u043f\u043e\u043b\u0456\u0432 \u0456 \u043a\u043d\u043e\u043f\u043a\u0438 \u0434\u043b\u044f \u0434\u043e\u0434\u0430\u0432\u0430\u043d\u043d\u044f \u043d\u043e\u0432\u0438\u0445 \u0437\u0430\u043f\u0438\u0441\u0456\u0432. \u041f\u0456\u0434 \u0444\u043e\u0440\u043c\u043e\u044e \u044f \u0434\u043e\u0434\u0430\u043c \u0442\u0430\u0431\u043b\u0438\u0446\u044e \u0434\u043b\u044f \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/EN-Obraz1.png\"><img decoding=\"async\" width=\"605\" height=\"405\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/EN-Obraz1.png\" alt=\"\" class=\"wp-image-1129\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/EN-Obraz1.png 605w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/EN-Obraz1-300x201.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n\n\n\n<p>\u041f\u0456\u0441\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0443 \u043f\u0440\u043e\u0454\u043a\u0442\u0443 \u043c\u0438 \u0431\u0430\u0447\u0438\u043c\u043e \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u0456\u0439 \u0432\u0438\u0433\u043b\u044f\u0434 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443. \u041d\u0430\u0448\u0435 \u043f\u043e\u0434\u0430\u043d\u043d\u044f \u0456 \u043c\u0435\u043d\u044e, \u0449\u043e \u0432\u0438\u043f\u0430\u0434\u0430\u0454 \u0437\u043b\u0456\u0432\u0430, \u0432\u0436\u0435 \u0437\u0433\u0435\u043d\u0435\u0440\u043e\u0432\u0430\u043d\u043e. \u0417\u0430 \u0437\u0430\u043c\u043e\u0432\u0447\u0443\u0432\u0430\u043d\u043d\u044f\u043c Hilla \u0434\u043e\u0434\u0430\u0454 \u0442\u0430\u043a\u0435 \u043c\u0435\u043d\u044e \u0434\u043e \u0444\u0430\u0439\u043b\u0443 MainLayout.tsx \u043f\u0456\u0434 \u0447\u0430\u0441 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0456\u0457 \u043f\u0440\u043e\u0454\u043a\u0442\u0443 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 AppLayout. \u0419\u043e\u0433\u043e \u043c\u043e\u0436\u043d\u0430 \u043d\u0430\u043b\u0430\u0448\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0434\u043e\u0432\u0456\u043b\u044c\u043d\u0438\u043c \u0447\u0438\u043d\u043e\u043c.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image14-1.png\"><img decoding=\"async\" width=\"940\" height=\"390\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image14-1.png\" alt=\"\" class=\"wp-image-1131\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image14-1.png 940w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image14-1-300x124.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image14-1-768x319.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u0412\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u044f \u0434\u0430\u043d\u0438\u0445<\/strong><\/strong><\/h2>\n\n\n\n<p>\u0412\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u044f \u0434\u0430\u043d\u0438\u0445 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u0443\u043d\u0438\u043a\u0430\u0442\u0438 \u043f\u043e\u043c\u0438\u043b\u043e\u043a \u0442\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0432\u0438\u0440\u0456\u0448\u0443\u0432\u0430\u0442\u0438 \u0441\u0438\u0442\u0443\u0430\u0446\u0456\u0457, \u043a\u043e\u043b\u0438 \u0434\u0430\u043d\u0456 \u043d\u0435 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u044e\u0442\u044c \u043e\u0447\u0456\u043a\u0443\u0432\u0430\u043d\u0438\u043c \u043a\u0440\u0438\u0442\u0435\u0440\u0456\u044f\u043c. \u0423 \u0446\u044c\u043e\u043c\u0443 \u043f\u0456\u0434\u0440\u043e\u0437\u0434\u0456\u043b\u0456 \u043c\u0438 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e \u043c\u0435\u0442\u043e\u0434\u0438 \u043e\u0431\u0440\u043e\u0431\u043a\u0438 \u043f\u043e\u043c\u0438\u043b\u043e\u043a, \u043f\u043e\u0432\u2019\u044f\u0437\u0430\u043d\u0438\u0445 \u0437 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u0454\u044e \u0432 \u0431\u0430\u0437\u043e\u0432\u0456\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0456 Hilla.<\/p>\n\n\n\n<p>Hilla \u0441\u043f\u0440\u043e\u0449\u0443\u0454 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0443 \u0434\u0430\u043d\u0438\u0445, \u044f\u043a\u0456 \u0432\u0432\u043e\u0434\u044f\u0442\u044c\u0441\u044f \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0435\u043c, \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0447\u0438 \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u044e \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u0438\u0445 Java. \u0406\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0446\u0456\u044f \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u0439 Bean Validation (JSR-380) \u0443 \u0432\u0430\u0448\u0438\u0445 \u0442\u0438\u043f\u0430\u0445 \u0434\u0430\u043d\u0438\u0445 Java \u043b\u0435\u0433\u043a\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0454 \u0446\u0456 \u043e\u0431\u043c\u0435\u0436\u0435\u043d\u043d\u044f \u0434\u043e \u0434\u0430\u043d\u0438\u0445, \u044f\u043a\u0456 \u0432\u0432\u043e\u0434\u044f\u0442\u044c\u0441\u044f \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0435\u043c.<\/p>\n\n\n\n<p>\u0414\u043e\u0434\u0430\u043c\u043e \u0434\u043e \u043d\u0430\u0448\u0438\u0445 \u043f\u043e\u043b\u0456\u0432 \u0443 \u0444\u0430\u0439\u043b\u0456 CarDTO.java \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u0439\u043d\u0456 \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u0457. \u041f\u0440\u0438\u043f\u0443\u0441\u0442\u0438\u043c\u043e, \u0449\u043e \u043f\u043e\u043b\u044f \u00ab\u0431\u0440\u0435\u043d\u0434\u00bb \u0456 \u00ab\u043c\u043e\u0434\u0435\u043b\u044c\u00bb \u043d\u0435 \u043c\u043e\u0436\u0443\u0442\u044c \u0431\u0443\u0442\u0438 \u043f\u043e\u0440\u043e\u0436\u043d\u0456\u043c\u0438 \u0456 \u043f\u043e\u0432\u0438\u043d\u043d\u0456 \u043c\u0456\u0441\u0442\u0438\u0442\u0438 \u0449\u043e\u043d\u0430\u0439\u043c\u0435\u043d\u0448\u0435 3 \u0441\u0438\u043c\u0432\u043e\u043b\u0438. \u0414\u043b\u044f \u0446\u044c\u043e\u0433\u043e \u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u044e \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u0457 @NotEmpty \u0442\u0430 @Size.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image15.png\"><img decoding=\"async\" width=\"831\" height=\"434\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image15.png\" alt=\"\" class=\"wp-image-1133\" style=\"object-fit:cover\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image15.png 831w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image15-300x157.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image15-768x401.png 768w\" sizes=\"(max-width: 831px) 100vw, 831px\" \/><\/a><\/figure>\n\n\n\n<p>\u0414\u0430\u043b\u0456 \u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u044e \u043f\u0440\u043e\u0454\u043a\u0442. \u041f\u043e\u0433\u043b\u044f\u043d\u044c\u043c\u043e, \u044f\u043a \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u0444\u0430\u0439\u043b CarDTOModel.ts. \u0412\u0456\u043d \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u0442\u0456 \u0436 \u0441\u0430\u043c\u0456 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u0457, \u044f\u043a\u0456 \u044f \u0440\u043e\u0437\u043c\u0456\u0441\u0442\u0438\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0443 \u0444\u0430\u0439\u043b\u0456 CarDTO.java.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image16.png\"><img decoding=\"async\" width=\"1024\" height=\"588\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image16-1024x588.png\" alt=\"\" class=\"wp-image-1135\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image16-1024x588.png 1024w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image16-300x172.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image16-768x441.png 768w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image16.png 1417w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>\u0422\u0435\u043f\u0435\u0440 \u044f \u043c\u043e\u0436\u0443 \u043f\u0456\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0438 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u044e \u0434\u043e \u043d\u0430\u0448\u043e\u0457 \u0444\u043e\u0440\u043c\u0438 \u0443 \u0444\u0430\u0439\u043b\u0456 CarView.ts.<\/p>\n\n\n\n<p>\u041f\u0456\u0434 \u0447\u0430\u0441 \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u043c\u0435\u0442\u043e\u0434\u0443 submit \u0432\u0438\u043a\u043e\u043d\u0443\u0454\u0442\u044c\u0441\u044f \u043c\u0435\u0442\u043e\u0434 CarService.create(car), \u044f\u043a\u0438\u0439 \u0432\u0438\u043a\u043b\u0438\u043a\u0430\u0454 \u043c\u0435\u0442\u043e\u0434, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0439 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0432 CarService.java. \u0412\u0456\u043d \u043e\u0442\u0440\u0438\u043c\u0443\u0454 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0439 \u043e\u0431\u2019\u0454\u043a\u0442 \u0443 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u044c \u0456 \u0434\u043e\u0434\u0430\u0454 \u043d\u043e\u0432\u043e\u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0439 \u043e\u0431\u2019\u0454\u043a\u0442 \u0434\u043e \u043c\u0430\u0441\u0438\u0432\u0443 \u043e\u0431\u2019\u0454\u043a\u0442\u0456\u0432 \u00abcars\u00bb. \u041d\u0430\u043f\u0440\u0438\u043a\u0456\u043d\u0446\u0456 \u0444\u043e\u0440\u043c\u0430 \u043e\u0447\u0438\u0449\u0430\u0454\u0442\u044c\u0441\u044f \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u043c\u0435\u0442\u043e\u0434\u0443 clear().<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/EN-Obraz2.png\"><img decoding=\"async\" width=\"605\" height=\"332\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/EN-Obraz2.png\" alt=\"\" class=\"wp-image-1137\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/EN-Obraz2.png 605w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/EN-Obraz2-300x165.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u041f\u043e\u0433\u043b\u044f\u043d\u044c\u043c\u043e, \u044f\u043a \u043f\u0440\u0430\u0446\u044e\u0454 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043e\u043a<\/strong><\/strong><\/h2>\n\n\n\n<p>\u041a\u043e\u043b\u0438 \u0432\u0438 \u043d\u0430\u043c\u0430\u0433\u0430\u0454\u0442\u0435\u0441\u044f \u043d\u0430\u0442\u0438\u0441\u043d\u0443\u0442\u0438 \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438\u00bb \u043f\u0456\u0434 \u0444\u043e\u0440\u043c\u043e\u044e \u0437 \u043d\u0435\u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u0438\u043c\u0438 \u043f\u043e\u043b\u044f\u043c\u0438, \u0432\u0438 \u043e\u0442\u0440\u0438\u043c\u0443\u0454\u0442\u0435 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u043f\u0456\u0434 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0438\u043c\u0438 \u043f\u043e\u043b\u044f\u043c\u0438 \u043f\u0440\u043e \u0442\u0435, \u044f\u043a\u0456 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u0457 \u0441\u043f\u0440\u0430\u0446\u044e\u0432\u0430\u043b\u0438.<\/p>\n\n\n\n<p>\u0423 \u0446\u044c\u043e\u043c\u0443 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0456 \u043f\u043e\u043b\u044f \u00ab\u0411\u0440\u0435\u043d\u0434\u00bb \u0456 \u00ab\u041c\u043e\u0434\u0435\u043b\u044c\u00bb \u043f\u043e\u0440\u043e\u0436\u043d\u0456, \u0442\u043e\u043c\u0443 \u0441\u043f\u0440\u0430\u0446\u044e\u0432\u0430\u043b\u0430 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u044f, \u044f\u043a\u0443 \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0437 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f\u043c \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u0457 @NotEmpty.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image18-1.png\"><img decoding=\"async\" width=\"817\" height=\"368\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image18-1.png\" alt=\"\" class=\"wp-image-1139\" style=\"object-fit:cover\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image18-1.png 817w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image18-1-300x135.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image18-1-768x346.png 768w\" sizes=\"(max-width: 817px) 100vw, 817px\" \/><\/a><\/figure>\n\n\n\n<p>\u0422\u0435\u043f\u0435\u0440 \u044f \u0441\u043f\u0440\u043e\u0431\u0443\u044e \u0432\u0432\u0435\u0441\u0442\u0438 \u0434\u0432\u043e\u0441\u0438\u043c\u0432\u043e\u043b\u044c\u043d\u0456 \u0434\u0430\u043d\u0456, \u0449\u043e\u0431 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u0442\u0438 \u043f\u0440\u0430\u0446\u0435\u0437\u0434\u0430\u0442\u043d\u0456\u0441\u0442\u044c \u0434\u0440\u0443\u0433\u043e\u0457 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u0457. \u042f\u043a \u0432\u0438\u0434\u043d\u043e \u043d\u0430 \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u0456 \u043d\u0438\u0436\u0447\u0435, \u0434\u0440\u0443\u0433\u0430 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u044f, \u044f\u043a\u0443 \u044f \u0434\u043e\u0434\u0430\u0432 \u0434\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0457 \u0447\u0430\u0441\u0442\u0438\u043d\u0438 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u0457 @Size, \u0441\u043f\u0440\u0430\u0446\u044e\u0432\u0430\u043b\u0430.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image19-1.png\"><img decoding=\"async\" width=\"815\" height=\"384\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image19-1.png\" alt=\"\" class=\"wp-image-1141\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image19-1.png 815w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image19-1-300x141.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image19-1-768x362.png 768w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/a><\/figure>\n\n\n\n<p><br><\/p>\n\n\n\n<p>\u041f\u043e\u0442\u0456\u043c \u044f \u0441\u043f\u0440\u043e\u0431\u0443\u044e \u0432\u0432\u0435\u0441\u0442\u0438 \u0434\u0430\u043d\u0456, \u044f\u043a\u0456 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u044e\u0442\u044c \u0434\u0432\u043e\u043c \u0443\u043c\u043e\u0432\u0430\u043c \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u0457. \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0431\u0430\u0447\u0438\u0442\u044c, \u0449\u043e \u0434\u0430\u043d\u0456 \u0437\u043c\u0456\u043d\u0438\u043b\u0438\u0441\u044f \u043d\u0430 \u0432\u0430\u043b\u0456\u0434\u043d\u0456, \u0456 \u0434\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u0457\u0445 \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image20-1.png\"><img decoding=\"async\" width=\"826\" height=\"340\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image20-1.png\" alt=\"\" class=\"wp-image-1143\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image20-1.png 826w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image20-1-300x123.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image20-1-768x316.png 768w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/a><\/figure>\n\n\n\n<p>\u041f\u0456\u0441\u043b\u044f \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u00ab\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438\u00bb \u043c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0441\u043f\u043e\u0441\u0442\u0435\u0440\u0456\u0433\u0430\u0442\u0438 \u043a\u043e\u0440\u0435\u043a\u0442\u043d\u0435 \u0434\u043e\u0434\u0430\u0432\u0430\u043d\u043d\u044f \u043d\u0430\u0448\u0438\u0445 \u0434\u0430\u043d\u0438\u0445 \u0434\u043e \u0442\u0430\u0431\u043b\u0438\u0446\u0456 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image21-1.png\"><img decoding=\"async\" width=\"819\" height=\"375\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image21-1.png\" alt=\"\" class=\"wp-image-1145\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image21-1.png 819w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image21-1-300x137.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/image21-1-768x352.png 768w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u0434\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f<\/strong><\/strong><\/h2>\n\n\n\n<p>Hilla \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0454 \u0432\u0438\u043c\u043e\u0433\u0430\u043c \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u0438 \u0432\u0435\u0431-\u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0456\u0432 \u0456 \u043d\u0430\u0434\u0430\u0454 \u0433\u043e\u0442\u043e\u0432\u0456 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0438. \u042f \u0440\u043e\u0437\u043f\u043e\u0432\u0456\u043c \u043f\u0440\u043e \u0440\u043e\u0431\u043e\u0442\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 Auto Grid. \u0412\u0456\u043d \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u0443\u0454 \u0444\u0443\u043d\u043a\u0446\u0456\u0457 \u0441\u043e\u0440\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u0444\u0456\u043b\u044c\u0442\u0440\u0430\u0446\u0456\u0457, \u0430 \u0442\u0430\u043a\u043e\u0436 \u043e\u0442\u0440\u0438\u043c\u0443\u0454 \u0434\u0430\u043d\u0456 \u0437 \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0447\u0438 \u0432\u0456\u0434\u043a\u043b\u0430\u0434\u0435\u043d\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f. \u0426\u0435 \u0434\u043e\u0441\u044f\u0433\u0430\u0454\u0442\u044c\u0441\u044f \u0432\u0438\u043a\u043b\u0438\u043a\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0443 ListService&lt;T>.list(Pageable pageable, @Nullable Filter filter)\u00a0<\/p>\n\n\n\n<p>\u0414\u043b\u044f \u043f\u043e\u0447\u0430\u0442\u043a\u0443 \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u0442\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443 \u0447\u0430\u0441\u0442\u0438\u043d\u0443. \u042f \u0434\u043e\u0434\u0430\u044e \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 JpaSpecificationExecutor \u0434\u043e \u0441\u0445\u043e\u0432\u0438\u0449\u0430, \u0449\u043e\u0431 \u0430\u043a\u0442\u0438\u0432\u0443\u0432\u0430\u0442\u0438 \u043f\u0435\u0432\u043d\u0456 \u0437\u0430\u043f\u0438\u0442\u0438 \u0434\u043e \u0431\u0430\u0437\u0438 \u0434\u0430\u043d\u0438\u0445.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz1.png\"><img decoding=\"async\" width=\"605\" height=\"181\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz1.png\" alt=\"\" class=\"wp-image-1147\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz1.png 605w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz1-300x90.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n\n\n\n<p>\u042f \u0434\u043e\u0434\u0430\u043c \u0440\u043e\u0437\u0448\u0438\u0440\u0435\u043d\u043d\u044f \u0434\u043e CarService. \u0412\u043e\u043d\u043e \u0440\u043e\u0437\u0448\u0438\u0440\u0438\u0442\u044c \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0439 \u043a\u043b\u0430\u0441 (ListRepositoryService&lt;T, ID, R>, \u044f\u043a\u0438\u0439 \u0432 \u0441\u0432\u043e\u044e \u0447\u0435\u0440\u0433\u0443 \u0440\u0435\u0430\u043b\u0456\u0437\u0443\u0454 ListService&lt;T>), \u043f\u0435\u0440\u0435\u0434\u0431\u0430\u0447\u0435\u043d\u0438\u0439 \u0443 Hilla \u0434\u043b\u044f \u0440\u043e\u0431\u043e\u0442\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 Auto Grid.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz2.png\"><img decoding=\"async\" width=\"605\" height=\"162\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz2.png\" alt=\"\" class=\"wp-image-1149\" style=\"object-fit:cover\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz2.png 605w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz2-300x80.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n\n\n\n<p>\u041d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443 \u043c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438 \u043d\u0430\u0448 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Grid \u043d\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 AutoGrid, \u044f\u043a\u0438\u0439 \u043e\u0442\u0440\u0438\u043c\u0430\u0454 \u0435\u043a\u0432\u0456\u0432\u0430\u043b\u0435\u043d\u0442 TypeScript \u043d\u0430\u0448\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0456\u0441\u0443 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0456 \u043c\u043e\u0434\u0435\u043b\u044c CarDTO \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz3.png\"><img decoding=\"async\" width=\"605\" height=\"327\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz3.png\" alt=\"\" class=\"wp-image-1151\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz3.png 605w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz3-300x162.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n\n\n\n<p>\u041f\u0456\u0441\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0443 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443 \u043c\u0438 \u0431\u0430\u0447\u0438\u043c\u043e, \u044f\u043a \u0446\u0435 \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz4.png\"><img decoding=\"async\" width=\"605\" height=\"267\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz4.png\" alt=\"\" class=\"wp-image-1153\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz4.png 605w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz4-300x132.png 300w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz4-370x162.png 370w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n\n\n\n<p>\u041c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0441\u043e\u0440\u0442\u0443\u0432\u0430\u0442\u0438 \u0442\u0430 \u0444\u0456\u043b\u044c\u0442\u0440\u0443\u0432\u0430\u0442\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f. \u041f\u043e\u0433\u043b\u044f\u043d\u044c\u043c\u043e, \u044f\u043a \u043f\u0440\u0430\u0446\u044e\u0454 \u0441\u043e\u0440\u0442\u0443\u0432\u0430\u043d\u043d\u044f.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz5.png\"><img decoding=\"async\" width=\"539\" height=\"239\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz5.png\" alt=\"\" class=\"wp-image-1155\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz5.png 539w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz5-300x133.png 300w\" sizes=\"(max-width: 539px) 100vw, 539px\" \/><\/a><\/figure>\n\n\n\n<p>\u041c\u0438 \u0431\u0430\u0447\u0438\u043c\u043e, \u0449\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0431\u0443\u043b\u0438 \u0432\u0456\u0434\u0441\u043e\u0440\u0442\u043e\u0432\u0430\u043d\u0456 \u0437\u0430 \u043f\u043e\u043b\u0435\u043c Brand. \u0421\u043f\u0440\u043e\u0431\u0443\u0439\u043c\u043e \u0432\u0456\u0434\u0444\u0456\u043b\u044c\u0442\u0440\u0443\u0432\u0430\u0442\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f Model.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz6.png\"><img decoding=\"async\" width=\"571\" height=\"257\" src=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz6.png\" alt=\"\" class=\"wp-image-1157\" srcset=\"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz6.png 571w, https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Obraz6-300x135.png 300w\" sizes=\"(max-width: 571px) 100vw, 571px\" \/><\/a><\/figure>\n\n\n\n<p>\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u043f\u043e\u043b\u044f Model \u0431\u0443\u043b\u0438 \u0432\u0456\u0434\u0444\u0456\u043b\u044c\u0442\u0440\u043e\u0432\u0430\u043d\u0456 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e. \u0421\u043f\u043e\u0434\u0456\u0432\u0430\u044e\u0441\u044f, \u044f \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0443\u0432\u0430\u0432, \u0449\u043e Hilla \u043c\u0430\u0454 \u0448\u0438\u0440\u043e\u043a\u0438\u0439 \u0441\u043f\u0435\u043a\u0442\u0440 \u0440\u0456\u0448\u0435\u043d\u044c, \u0445\u043e\u0447\u0430 \u0439 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0432 \u0443 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456 \u043b\u0438\u0448\u0435 \u043e\u0434\u0438\u043d \u0437 \u0431\u0430\u0433\u0430\u0442\u044c\u043e\u0445 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0456\u0432.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>\u041a\u043e\u043d\u0444\u0456\u0433\u0443\u0440\u0430\u0446\u0456\u044f \u0442\u0430 \u0440\u043e\u0437\u0433\u043e\u0440\u0442\u0430\u043d\u043d\u044f<\/strong><\/strong><\/h2>\n\n\n\n<p>\u0423 \u043f\u0440\u043e\u0454\u043a\u0442\u0456 Hilla \u043c\u043e\u0436\u043d\u0430 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u0442\u0438 \u044f\u043a \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u0442\u0430\u043a \u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443 \u0447\u0430\u0441\u0442\u0438\u043d\u0443. \u0414\u043b\u044f \u043a\u043e\u043d\u0444\u0456\u0433\u0443\u0440\u0430\u0446\u0456\u0457 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443 \u043c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0441\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442\u0438\u0441\u044c \u0444\u0430\u0439\u043b\u043e\u043c tsconfig.json, \u044f\u043a\u0438\u0439 \u043d\u0430\u043b\u0430\u0448\u0442\u043e\u0432\u0443\u0454 \u043a\u043e\u043c\u043f\u0456\u043b\u044f\u0442\u043e\u0440 TypeScript. \u0414\u043b\u044f \u043a\u043e\u043d\u0444\u0456\u0433\u0443\u0440\u0430\u0446\u0456\u0457 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0457 \u0447\u0430\u0441\u0442\u0438\u043d\u0438 \u043c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0441\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442\u0438\u0441\u044c \u0444\u0430\u0439\u043b\u043e\u043c pom.xml, \u044f\u043a\u0438\u0439 \u0434\u043e\u0434\u0430\u0454 \u0437\u0430\u043b\u0435\u0436\u043d\u043e\u0441\u0442\u0456 \u0442\u0430 \u043a\u0435\u0440\u0443\u0454 \u0437\u0431\u0456\u0440\u043a\u0430\u043c\u0438 \u043a\u043e\u0434\u0443 \u0434\u043b\u044f \u043f\u0440\u043e\u043c\u0438\u0441\u043b\u043e\u0432\u043e\u0457 \u0435\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0456\u0457 \u043d\u0430\u0448\u043e\u0433\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443.<\/p>\n\n\n\n<p>\u042f\u043a\u0449\u043e \u043c\u0438 \u0445\u043e\u0447\u0435\u043c\u043e \u0437\u0433\u0435\u043d\u0435\u0440\u0443\u0432\u0430\u0442\u0438 \u0437\u0431\u0456\u0440\u043a\u0443 \u043a\u043e\u0434\u0443 \u0434\u043b\u044f \u043f\u0440\u043e\u043c\u0438\u0441\u043b\u043e\u0432\u043e\u0457 \u0435\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0456\u0457, \u043d\u0430\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u0443:<\/p>\n\n\n\n<p>mvn clean package -Pproduction<\/p>\n\n\n\n<p>\u0412\u043d\u0430\u0441\u043b\u0456\u0434\u043e\u043a \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u0446\u0456\u0454\u0457 \u043a\u043e\u043c\u0430\u043d\u0434\u0438 \u0431\u0443\u0434\u0435 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043e JAR-\u0444\u0430\u0439\u043b \u0437 \u0443\u0441\u0456\u043c\u0430 \u0437\u0430\u043b\u0435\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0442\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u0430\u043c\u0438 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443, \u0433\u043e\u0442\u043e\u0432\u0438\u043c\u0438 \u0434\u043e \u0440\u043e\u0437\u0433\u043e\u0440\u0442\u0430\u043d\u043d\u044f. <a href=\"https:\/\/hilla.dev\/docs\/react\/guides\/production\/cloud-providers\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\" rel=\"nofollow\" >\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f Hilla<\/a> \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u0433\u043e\u0442\u043e\u0432\u0456 \u0456\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0456\u0457 \u0437 \u0440\u043e\u0437\u0433\u043e\u0440\u0442\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0456\u0434\u043d\u0438\u0445 \u0445\u043c\u0430\u0440\u043d\u0438\u0445 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0456\u0432 (\u043d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434, AWS, Azure, Google Cloud \u0442\u0430 Heroku).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u041f\u0456\u0434\u0441\u0443\u043c\u043e\u043a<\/strong><\/h2>\n\n\n\n<p>\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u044f \u0441\u043f\u0440\u043e\u0431\u0443\u0432\u0430\u0432 \u0432\u0438\u0441\u0432\u0456\u0442\u043b\u0438\u0442\u0438 \u0437\u0430\u0445\u043e\u043f\u043b\u044e\u044e\u0447\u0438\u0439 \u0441\u0432\u0456\u0442 \u0431\u0430\u0437\u043e\u0432\u043e\u0457 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438 Hilla, \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0443\u0432\u0430\u0432\u0448\u0438 \u0457\u0457 \u0443\u043d\u0456\u043a\u0430\u043b\u044c\u043d\u0456 \u043f\u0435\u0440\u0435\u0432\u0430\u0433\u0438 \u0442\u0430 \u043f\u043e\u0442\u0435\u043d\u0446\u0456\u0430\u043b \u0443 \u0448\u0432\u0438\u0434\u043a\u0456\u0439 \u0440\u043e\u0437\u0440\u043e\u0431\u0446\u0456 \u043f\u043e\u0432\u043d\u043e\u0441\u0442\u0435\u043a\u043e\u0432\u0438\u0445 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0456\u0432. \u0421\u043f\u043e\u0434\u0456\u0432\u0430\u044e\u0441\u044f, \u044f \u0437\u043c\u0456\u0433 \u043f\u043e\u044f\u0441\u043d\u0438\u0442\u0438, \u044f\u043a \u043c\u043e\u0436\u043d\u0430 \u043b\u0435\u0433\u043a\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0446\u0435\u0439 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0457 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u0457 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443 \u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0457 \u0447\u0430\u0441\u0442\u0438\u043d\u0438, \u0441\u0442\u0432\u043e\u0440\u044e\u044e\u0447\u0438 \u0443\u0437\u0433\u043e\u0434\u0436\u0435\u043d\u0456 \u0442\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456 \u0432\u0435\u0431-\u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0438.<\/p>\n\n\n\n<p>Hilla \u0441\u043f\u0440\u043e\u0449\u0443\u0454 \u043f\u0440\u043e\u0446\u0435\u0441 \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u0438 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0456\u0432 \u0456 \u0441\u043a\u043e\u0440\u043e\u0447\u0443\u0454 \u0448\u043b\u044f\u0445 \u0434\u043e \u0440\u0435\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457 \u043f\u043e\u0432\u043d\u043e\u0457 \u0444\u0443\u043d\u043a\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0456. \u041f\u0456\u0434\u043a\u0440\u0435\u0441\u043b\u044e, \u0449\u043e Hilla \u043f\u0440\u043e\u043f\u043e\u043d\u0443\u0454 \u0448\u0438\u0440\u043e\u043a\u0438\u0439 \u0432\u0438\u0431\u0456\u0440 \u0433\u043e\u0442\u043e\u0432\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0456\u0432, \u0449\u043e \u0441\u043f\u0440\u043e\u0449\u0443\u0454 \u043f\u0440\u043e\u0446\u0435\u0441 \u043f\u043e\u0431\u0443\u0434\u043e\u0432\u0438 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430. \u041a\u0440\u0456\u043c \u0442\u043e\u0433\u043e, \u0446\u044f \u0431\u0430\u0437\u043e\u0432\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043d\u0430\u0434\u0430\u0454 \u0448\u0438\u0440\u043e\u043a\u0456 \u043c\u043e\u0436\u043b\u0438\u0432\u043e\u0441\u0442\u0456 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457 \u0437\u0430\u0441\u043e\u0431\u0456\u0432 \u0431\u0435\u0437\u043f\u0435\u043a\u0438, \u0449\u043e \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u043b\u0435\u0433\u043a\u043e \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0438\u0442\u0438 \u0431\u0435\u0437\u043f\u0435\u043a\u0443 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0456\u0432.<\/p>\n\n\n\n<p>\u041e\u0441\u043a\u0456\u043b\u044c\u043a\u0438 Hilla \u0454 \u043f\u0440\u043e\u0454\u043a\u0442\u043e\u043c \u0437 \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0438\u043c \u0432\u0438\u0445\u0456\u0434\u043d\u0438\u043c \u043a\u043e\u0434\u043e\u043c, \u044f \u0437\u0430\u043a\u043b\u0438\u043a\u0430\u044e \u0432\u0430\u0441 \u0432\u0437\u044f\u0442\u0438 \u0443\u0447\u0430\u0441\u0442\u044c \u0443 \u0439\u043e\u0433\u043e \u0440\u0435\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457. \u0422\u0443\u0442 \u0432\u0438 \u0437\u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u043e\u0437\u0448\u0438\u0440\u0438\u0442\u0438 \u0441\u0432\u043e\u0457 \u043d\u0430\u0432\u0438\u0447\u043a\u0438 \u0442\u0430 \u0441\u0442\u0430\u0442\u0438 \u043e\u0434\u043d\u0438\u043c \u0437 \u0439\u043e\u0433\u043e \u0441\u043f\u0456\u0432\u0442\u0432\u043e\u0440\u0446\u0456\u0432. \u041d\u0430 <a href=\"https:\/\/hilla.dev\/docs\/react\/guides\/production\/cloud-providers\" target=\"_blank\" rel=\"noreferrer noopener\" rel=\"nofollow\" >\u043e\u0444\u0456\u0446\u0456\u0439\u043d\u043e\u043c\u0443 \u0441\u0430\u0439\u0442\u0456<\/a> \u043f\u0440\u043e\u0454\u043a\u0442\u0443 \u0454 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f \u0456 \u043f\u043e\u0432\u043d\u0438\u0439 \u043d\u0430\u0431\u0456\u0440 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0456\u0432 \u0442\u0430 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0456\u0432, \u044f\u043a\u0456 \u0437\u0440\u043e\u0431\u043b\u044f\u0442\u044c \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u0443 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0456\u0432 \u0449\u0435 \u043b\u0435\u0433\u0448\u043e\u044e \u0456 \u0431\u0456\u043b\u044c\u0448 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u044e.<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;1208&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;4&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;2&quot;,&quot;greet&quot;:&quot;&quot;,&quot;legend&quot;:&quot;5\\\/5&quot;,&quot;size&quot;:&quot;30&quot;,&quot;title&quot;:&quot;Hilla: \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u0430 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044f \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0439 \u2013 Spring Boot \u0442\u0430 React \u0432 \u043e\u0434\u043d\u043e\u043c\u0443 \u043c\u0456\u0441\u0446\u0456&quot;,&quot;width&quot;:&quot;159&quot;,&quot;_legend&quot;:&quot;{score}\\\/5&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 159px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 24px;\">\n            5\/5    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0423 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u043c\u0443 \u0441\u0432\u0456\u0442\u0456 \u0440\u043e\u0437\u043f\u043e\u0434\u0456\u043b\u0435\u043d\u0438\u0445 \u0432\u0435\u0431-\u0441\u0438\u0441\u0442\u0435\u043c \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0430 \u0431\u0430\u043b\u0430\u043d\u0441\u0443 \u043c\u0456\u0436 \u0431\u0435\u043a\u0435\u043d\u0434\u043e\u043c \u0456 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043c \u0447\u0430\u0441\u0442\u043e \u0441\u0442\u0430\u0454 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u044e, \u0432\u0438\u0440\u0456\u0448\u0438\u0442\u0438 \u044f\u043a\u0443 \u043d\u0435\u043b\u0435\u0433\u043a\u043e. \u041f\u0440\u0430\u0446\u044e\u044e\u0447\u0438 \u0437 \u043e\u043a\u0440\u0435\u043c\u0438\u043c\u0438 &hellip; <a class=\"continued-btn\" href=\"https:\/\/sii.ua\/blog\/hilla-optymalna-intehratsiya-tekhnolohiy-spring-boot-ta-react-v-odnomu-mistsi\/\">Continued<\/a><\/p>\n","protected":false},"author":54,"featured_media":1105,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","inline_featured_image":false,"footnotes":""},"categories":[14],"tags":[2155,2156,2157,118],"class_list":["post-1208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-rozvytok-zhorstkykh-navychok","tag-digital-2","tag-guidebook-2","tag-react-2","tag-tools-2"],"acf":[],"aioseo_notices":[],"featured_media_url":"https:\/\/sii.ua\/blog\/wp-content\/uploads\/2024\/09\/Hilla-optymalna-integracja-technologii-czyli-Spring-Boot-i-React-w-jednym-miejscu.jpg","category_names":["\u0420\u043e\u0437\u0432\u0438\u0442\u043e\u043a \"\u0416\u043e\u0440\u0441\u0442\u043a\u0438\u0445\" \u043d\u0430\u0432\u0438\u0447\u043e\u043a"],"_links":{"self":[{"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/posts\/1208"}],"collection":[{"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/comments?post=1208"}],"version-history":[{"count":10,"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/posts\/1208\/revisions"}],"predecessor-version":[{"id":1232,"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/posts\/1208\/revisions\/1232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/media\/1105"}],"wp:attachment":[{"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/media?parent=1208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/categories?post=1208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sii.ua\/blog\/wp-json\/wp\/v2\/tags?post=1208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}