{"id":7805,"date":"2026-01-01T14:00:00","date_gmt":"2026-01-01T11:00:00","guid":{"rendered":"https:\/\/1.cbm.ua\/?p=7805"},"modified":"2026-02-04T14:13:49","modified_gmt":"2026-02-04T11:13:49","slug":"%d0%be%d0%bf%d0%b8%d1%81%d0%b0%d0%bd%d0%b8%d0%b5-%d1%82%d0%b5%d1%85%d0%bd%d0%be%d0%bb%d0%be%d0%b3%d0%b8%d1%87%d0%b5%d1%81%d0%ba%d0%be%d0%b3%d0%be-%d1%81%d1%82%d0%b5%d0%ba%d0%b0","status":"publish","type":"post","link":"https:\/\/1.cbm.ua\/?p=7805","title":{"rendered":"\ud83c\udfafpr. \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u0435\u043a\u0430 (\u0441\u0442\u0435\u043a \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439)"},"content":{"rendered":"<div class=\"wp-block-post-date\"><time datetime=\"2026-01-01T14:00:00+03:00\">2026-01-01<\/time><\/div>\n\n\n<p><strong>1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/strong><strong>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u0435\u043a\u0430<\/strong><\/p>\n\n\n\n<p><strong>PWA \u2014 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f (\u0434\u043b\u044f \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u044b\u0445 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435)<\/strong><\/p>\n\n\n\n<p><strong>\u041d\u0443\u0436\u043d\u043e&nbsp;\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f MVP, \u043d\u043e \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u0438 \u0440\u0430\u0437\u0443\u043c\u043d\u043e\u0435, \u043d\u0435 \u00ab\u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0430\u0434\u00bb.<\/strong><\/p>\n\n\n\n<p><strong>\u0441\u043c. \u043f\u0440\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0438\u0436\u0435.<br><\/strong><\/p>\n\n\n\n<p><strong>\u041f\u0438\u0448\u0438&nbsp;\u0447\u0438\u0441\u0442\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438&nbsp;(Pure Functions)<\/strong><strong>&nbsp;\u0447\u0442\u043e\u0431\u044b \u0438\u0445 \u0431\u044b\u043b\u043e \u043b\u0435\u0433\u043a\u043e&nbsp;\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u0422\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0434 \u0442\u0435\u0441\u0442\u043e\u043c.<\/strong><strong>&nbsp;&nbsp;\u0414\u043b\u044f \u0442\u0435\u0441\u0442\u043e\u0432&nbsp;<\/strong><strong>JS<\/strong><strong>&nbsp;<\/strong><strong>\u043a\u043e\u0434\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u00abVitest<\/strong>\u00bb<strong>&nbsp;\u0438\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c&nbsp;<\/strong>\u00ab<strong>Jest<\/strong>\u00bb \u043b\u0443\u0447\u0448\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u00ab<strong>React Native<\/strong>\u00bb.<\/p>\n\n\n\n<p><strong>\u0441\u043c. \u043d\u0438\u0436\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0431 \u044d\u0442\u043e\u043c.<\/strong><\/p>\n\n\n\n<p><strong>\u0414\u043b\u044f MVP \u0442\u0435\u0441\u0442\u044b \u043d\u0443\u0436\u043d\u044b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0442\u044b \u0431\u0443\u0434\u0435\u0448\u044c \u0447\u0430\u0441\u0442\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043a\u043e\u0434<\/strong><\/li>\n\n\n\n<li><strong>\u043e\u0448\u0438\u0431\u043a\u0438 \u0432 backend = \u0441\u043b\u043e\u043c\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0442<\/strong><\/li>\n\n\n\n<li><strong>\u0431\u0430\u0433\u0438 \u0442\u043e\u0440\u043c\u043e\u0437\u044f\u0442 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0441\u0438\u043b\u044c\u043d\u0435\u0435, \u0447\u0435\u043c \u0442\u0435\u0441\u0442\u044b<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>\ud83d\udccc&nbsp;\u041d\u043e: \u043d\u0435 100% \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u0435, \u0430 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438.<\/strong><\/p>\n\n\n\n<p><strong>Backend<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Python<\/strong><\/li>\n\n\n\n<li><strong>Flask<\/strong>&nbsp;\u2014 \u043b\u0451\u0433\u043a\u0438\u0439 \u0438 \u0433\u0438\u0431\u043a\u0438\u0439 \u0432\u0435\u0431-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f REST API<\/li>\n\n\n\n<li><strong>Flask-RESTful \/ Flask Blueprints<\/strong>&nbsp;\u2014 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 API<\/li>\n\n\n\n<li><strong>SQLAlchemy (ORM)<\/strong>&nbsp;\u2014 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0430\u0437\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445&nbsp;(\u0447\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0421\u0423\u0411\u0414.)<\/li>\n\n\n\n<li><strong>Alembic<\/strong>&nbsp;\u2014 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0441\u0445\u0435\u043c\u044b \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445<\/li>\n\n\n\n<li><strong>JWT \/ Flask-Login<\/strong>&nbsp;(\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e) \u2014 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0438 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f<\/li>\n\n\n\n<li><strong>Gunicorn<\/strong>&nbsp;\u2014 production WSGI \u0441\u0435\u0440\u0432\u0435\u0440&nbsp;+&nbsp;<strong>Nginx<\/strong>&nbsp;(\u041f\u0440\u0438 \u0440\u043e\u0441\u0442\u0435)<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Frontend<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTML5<\/strong><\/li>\n\n\n\n<li><strong>CSS3<\/strong><\/li>\n\n\n\n<li><strong>JavaScript (ES6+)<\/strong><\/li>\n\n\n\n<li><strong>React<\/strong>&nbsp;\u2014 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430<\/li>\n\n\n\n<li><strong>Axios \/ Fetch API<\/strong>&nbsp;\u2014 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 backend API<\/li>\n\n\n\n<li><strong>React Router<\/strong>&nbsp;\u2014 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/li>\n\n\n\n<li><strong>State management<\/strong>&nbsp;(Context API \/ Redux \u2014 \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438)<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Database<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SQLite<\/strong>&nbsp;\u2014 \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 MVP<\/li>\n\n\n\n<li><strong>PostgreSQL<\/strong>&nbsp;\u2014 \u0434\u043b\u044f production \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f&nbsp;(\u041f\u0440\u0438 \u0440\u043e\u0441\u0442\u0435)<\/li>\n<\/ul>\n\n\n\n<p><strong>3. \u041a\u0440\u0430\u0442\u043a\u0430\u044f \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0430 (\u0434\u043b\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432)<\/strong><\/p>\n\n\n\n<p>\u041c\u043e\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c&nbsp;<strong>\u043a\u0430\u043a \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/strong><strong>&nbsp;\u0434\u043b\u044f \u043f\u0440\u043e\u043c\u0442\u0430 \u0432 \u0418\u0418<\/strong>:<\/p>\n\n\n\n<p>Backend \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u043d\u0430 Python \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Flask.<br>\u0414\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0430\u0437\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f ORM SQLAlchemy, \u0447\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0421\u0423\u0411\u0414.<br>\u041d\u0430 \u044d\u0442\u0430\u043f\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f SQLite, \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043d\u0430 PostgreSQL \u0431\u0435\u0437 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u043a\u043e\u0434\u0435.<br>\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c\u0438 \u0441\u0445\u0435\u043c\u044b \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Alembic.<br>Frontend \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u043d\u0430 JavaScript \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c React, HTML \u0438 CSS, \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 backend \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0447\u0435\u0440\u0435\u0437 REST API.<\/p>\n\n\n\n<p>Gunicorn&nbsp;(\u00ab\u0417\u0435\u043b\u0435\u043d\u044b\u0439 \u0415\u0434\u0438\u043d\u043e\u0440\u043e\u0433\u00bb) \u2014 \u044d\u0442\u043e&nbsp;\u0432\u044b\u0441\u043e\u043a\u043e\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 WSGI-\u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 Python \u0434\u043b\u044f UNIX-\u0441\u0438\u0441\u0442\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043b\u0443\u0436\u0438\u0442 \u043c\u043e\u0441\u0442\u043e\u043c \u043c\u0435\u0436\u0434\u0443 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440\u0430\u043c\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, Nginx) \u0438 \u0432\u0430\u0448\u0438\u043c Python-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c (Django, Flask \u0438 \u0442.\u0434.), \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044f \u043d\u0430\u0434\u0435\u0436\u043d\u0443\u044e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u043c\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u043c\u0438 (\u0432\u043e\u0440\u043a\u0435\u0440\u0430\u043c\u0438). \u041e\u043d \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u0440\u0430\u0437\u0432\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u0435, \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043c\u0430\u043b\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0438 \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u043d-\u0441\u0440\u0435\u0434\u044b.&nbsp;<\/p>\n\n\n\n<p>Nginx&nbsp;(\u043f\u0440\u043e\u0438\u0437\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u00ab\u044d\u043d\u0434\u0436\u0438\u0301\u043d\u043a\u0441\u00bb) \u2014 \u044d\u0442\u043e&nbsp;\u0432\u044b\u0441\u043e\u043a\u043e\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440 \u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u0430\u043a\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u043a\u0441\u0438-\u0441\u0435\u0440\u0432\u0435\u0440, \u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0449\u0438\u043a \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u043f\u0440\u043e\u043a\u0441\u0438-\u0441\u0435\u0440\u0432\u0435\u0440, \u0441\u043b\u0430\u0432\u044f\u0449\u0438\u0439\u0441\u044f \u0441\u0432\u043e\u0435\u0439 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0439, \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u0435\u043c \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0438 \u0433\u0438\u0431\u043a\u043e\u0439 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u043e\u0439 \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430. \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0438\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u043c \u0418\u0433\u043e\u0440\u0435\u043c \u0421\u044b\u0441\u043e\u0435\u0432\u044b\u043c \u0432 2002 \u0433\u043e\u0434\u0443 \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u043e\u043d \u0441\u0442\u0430\u043b \u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0432 \u043c\u0438\u0440\u0435.<\/p>\n\n\n\n<p>Alembic&nbsp;\u2014 \u044d\u0442\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0439 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u043b\u044f SQLAlchemy, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0435\u0440\u0441\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043b\u0435\u0433\u043a\u043e \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0441\u0445\u0435\u043c\u0443 \u043c\u0435\u0436\u0434\u0443 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0421\u0423\u0411\u0414.<\/p>\n\n\n\n<p><strong>Repository&nbsp;\/&nbsp;Service Layer<\/strong>&nbsp;\u2014 \u044d\u0442\u043e \u0443\u0436\u0435&nbsp;<strong>\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430<\/strong>, \u043d\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430. \u041e\u0431\u044a\u044f\u0441\u043d\u044e&nbsp;<strong>\u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u044b\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438<\/strong>, \u043f\u043e\u0442\u043e\u043c \u043f\u043e\u043a\u0430\u0436\u0443&nbsp;<strong>\u043a\u043e\u0434<\/strong>&nbsp;\u0438&nbsp;<strong>\u0437\u0430\u0447\u0435\u043c \u044d\u0442\u043e \u0442\u0435\u0431\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>1. \u041a\u043e\u0440\u043e\u0442\u043a\u043e, \u0432 \u043e\u0434\u043d\u043e\u0439 \u0444\u0440\u0430\u0437\u0435<\/strong><\/p>\n\n\n\n<p><strong><mark style=\"background-color:var(--custom-1)\" class=\"has-inline-color has-custom-3-color\">Repository\u00a0\/\u00a0Service Layer<\/mark><\/strong>\u00a0\u2014 \u044d\u0442\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u00a0<strong>\u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u0434<\/strong>, \u0447\u0442\u043e\u0431\u044b:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430&nbsp;<strong>\u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0435\u043b\u0430 \u043e\u0442 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445<\/strong><\/li>\n\n\n\n<li>\u0441\u043c\u0435\u043d\u0430 \u0411\u0414 (SQLite \u2192 PostgreSQL) \u0431\u044b\u043b\u0430 \u043b\u0451\u0433\u043a\u043e\u0439<\/li>\n\n\n\n<li>\u043a\u043e\u0434 \u0431\u044b\u043b \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u043c<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udd39&nbsp;<strong>\u0414\u043b\u044f \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u043e\u0433\u043e MVP \u2014 \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e<\/strong><br>\ud83d\udd39&nbsp;<strong>\u0414\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u201c\u0432 \u0440\u043e\u0441\u0442\u201d \u2014 \u043e\u0447\u0435\u043d\u044c \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e<\/strong><\/p>\n\n\n\n<p><strong><br>Repository&nbsp;\/&nbsp;Service Layer&nbsp;\u2014 \u044d\u0442\u043e \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u0434, \u0447\u0442\u043e\u0431\u044b:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0435\u043b\u0430 \u043e\u0442 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445<\/strong><\/li>\n\n\n\n<li><strong>\u0441\u043c\u0435\u043d\u0430 \u0411\u0414 (SQLite \u2192 PostgreSQL) \u0431\u044b\u043b\u0430 \u043b\u0451\u0433\u043a\u043e\u0439<\/strong><\/li>\n\n\n\n<li><strong>\u043a\u043e\u0434 \u0431\u044b\u043b \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u043c<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong><br>\u0418\u0434\u0435\u044f Repository Layer<\/strong><strong>.&nbsp;Repository = \u00ab\u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438\u00bb<\/strong><\/p>\n\n\n\n<p><strong>\u041e\u043d:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0437\u043d\u0430\u0435\u0442 \u043a\u0430\u043a \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435<\/strong><\/li>\n\n\n\n<li><strong>\u043d\u0435 \u0437\u043d\u0430\u0435\u0442 \u0437\u0430\u0447\u0435\u043c<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>app\/<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500<\/strong><strong>&nbsp;routes\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # Flask endpoints<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2514\u2500\u2500 user_routes.py<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500<\/strong><strong>&nbsp;services\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; #&nbsp;<\/strong><strong>\u0431\u0438\u0437\u043d\u0435\u0441<\/strong><strong>&#8212;<\/strong><strong>\u043b\u043e\u0433\u0438\u043a\u0430<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2514\u2500\u2500 user_service.py<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500<\/strong><strong>&nbsp;repositories\/&nbsp;&nbsp;&nbsp; #&nbsp;<\/strong><strong>\u0434\u043e\u0441\u0442\u0443\u043f<\/strong><strong>&nbsp;<\/strong><strong>\u043a<\/strong><strong>&nbsp;<\/strong><strong>\u0434\u0430\u043d\u043d\u044b\u043c<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2514\u2500\u2500 user_repository.py<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500<\/strong><strong>&nbsp;models\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # SQLAlchemy models<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2514\u2500\u2500 user.py<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500<\/strong><strong>&nbsp;db.py<\/strong><\/p>\n\n\n\n<p><strong>\u2514\u2500\u2500 app.py<\/strong><\/p>\n\n\n\n<p><strong>\ud83d\udccc&nbsp;Frontend \u0438 Backend \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u044b<br><\/strong><strong>\ud83d\udccc&nbsp;Backend = API<br><\/strong><strong>\ud83d\udccc&nbsp;Frontend =&nbsp;SPA&nbsp;(Single Page Application)<\/strong><\/p>\n\n\n\n<p><strong>SPA&nbsp;(Single Page Application) \u2014 \u044d\u0442\u043e&nbsp;\u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u043a \u0435\u0434\u0438\u043d\u043e\u0435 \u0446\u0435\u043b\u043e\u0435 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 HTML-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044f \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript, \u0432\u043c\u0435\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0447\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0431\u044b\u0441\u0442\u0440\u0443\u044e, \u043f\u043b\u0430\u0432\u043d\u0443\u044e \u0438 \u043f\u043e\u0445\u043e\u0436\u0443\u044e \u043d\u0430 \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 (\u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u043e\u0435 \u0438\u043b\u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435) \u0440\u0430\u0431\u043e\u0442\u0443, \u043a\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 Gmail,&nbsp;<a href=\"https:\/\/www.google.com\/search?sca_esv=6dfd04640b18e1d6&amp;rlz=1C1NDCM_enUA1014UA1014&amp;sxsrf=AE3TifPzIa2xyg6huUv_c25x5g4VCreInA%3A1767216712880&amp;q=Google+Docs&amp;sa=X&amp;ved=2ahUKEwjU9aWj4-iRAxUjR_EDHf9wINMQxccNegQIOBAC&amp;mstk=AUtExfCsmMEsozIsOHWKCXfWPHIqXRUic3F8HrNzCbJHC_jtWfmeDvtTdqLg1-oYmwGuU2WRvMZRMmcvf3Z2FkXQsW2vGM113SoOxvNultuntNQk_Et_4YU8VqIByYBN3dw4pnpNsWPPL51v9pNF8JOvMLwvG6o9-Y2a4g1K3TaH2XjW4Vw9JooQPLSxEG9c7A1jdrn9l2a35ciquBO0yrVQr0teomZXfmjVK6mR6S-dB4yGk555zYVSVNwbmqI_nJEDAsvfH82vCqvD482lSz_poByqxTnjDKa1iq3Dbq2K4Qsqf6GEbblpnh2IuyGusTBB71GuixfAfsakZCWIePuJN6EUX7j9Hk66sYgqEswnjszJ&amp;csui=3\">Google Docs<\/a>&nbsp;\u0438\u043b\u0438&nbsp;<a href=\"https:\/\/www.google.com\/search?sca_esv=6dfd04640b18e1d6&amp;rlz=1C1NDCM_enUA1014UA1014&amp;sxsrf=AE3TifPzIa2xyg6huUv_c25x5g4VCreInA%3A1767216712880&amp;q=Trello&amp;sa=X&amp;ved=2ahUKEwjU9aWj4-iRAxUjR_EDHf9wINMQxccNegQIOBAD&amp;mstk=AUtExfCsmMEsozIsOHWKCXfWPHIqXRUic3F8HrNzCbJHC_jtWfmeDvtTdqLg1-oYmwGuU2WRvMZRMmcvf3Z2FkXQsW2vGM113SoOxvNultuntNQk_Et_4YU8VqIByYBN3dw4pnpNsWPPL51v9pNF8JOvMLwvG6o9-Y2a4g1K3TaH2XjW4Vw9JooQPLSxEG9c7A1jdrn9l2a35ciquBO0yrVQr0teomZXfmjVK6mR6S-dB4yGk555zYVSVNwbmqI_nJEDAsvfH82vCqvD482lSz_poByqxTnjDKa1iq3Dbq2K4Qsqf6GEbblpnh2IuyGusTBB71GuixfAfsakZCWIePuJN6EUX7j9Hk66sYgqEswnjszJ&amp;csui=3\">Trello<\/a>.<\/strong><\/p>\n\n\n\n<p><strong>Backend \u2014 Flask (API-first)<\/strong><\/p>\n\n\n\n<p><strong>\ud83d\udcc2&nbsp;\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 backend<\/strong><\/p>\n\n\n\n<p><strong>backend\/<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500 app\/<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 __init__.py&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # create_app()<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 config.py&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # configs (dev\/prod)<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 extensions.py&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # db, migrate, jwt<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 models\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # SQLAlchemy models<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502&nbsp;&nbsp; \u2514\u2500\u2500 user.py<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 repositories\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0434\u0430\u043d\u043d\u044b\u043c<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502&nbsp;&nbsp; \u2514\u2500\u2500 user_repository.py<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 services\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502&nbsp;&nbsp; \u2514\u2500\u2500 user_service.py<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 routes\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # API endpoints<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502&nbsp;&nbsp; \u2514\u2500\u2500 user_routes.py<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 schemas\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # (\u043e\u043f\u0446.) Marshmallow \/ validation<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2514\u2500\u2500 utils\/<\/strong><\/p>\n\n\n\n<p><strong>\u2502<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500 migrations\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # Alembic<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500 tests\/<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500 requirements.txt<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500 wsgi.py<\/strong><\/p>\n\n\n\n<p><strong>\u2514\u2500\u2500 run.py<\/strong><\/p>\n\n\n\n<p><strong>Frontend \u2014 React (SPA)<\/strong><\/p>\n\n\n\n<p><strong>\ud83d\udcc2&nbsp;\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 frontend<\/strong><\/p>\n\n\n\n<p><strong>frontend\/<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500 src\/<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 api\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a backend<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502&nbsp;&nbsp; \u2514\u2500\u2500 client.js<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 services\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 UI<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502&nbsp;&nbsp; \u2514\u2500\u2500 auth.js<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 pages\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502&nbsp;&nbsp; \u2514\u2500\u2500 Login.jsx<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 components\/&nbsp;&nbsp;&nbsp;&nbsp; # UI \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502&nbsp;&nbsp; \u2514\u2500\u2500 Button.jsx<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2502<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 hooks\/<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 context\/<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp;&nbsp;<\/strong><strong>\u251c<\/strong><strong>\u2500\u2500 App.jsx<\/strong><\/p>\n\n\n\n<p><strong>\u2502&nbsp;&nbsp; \u2514\u2500\u2500 main.jsx<\/strong><\/p>\n\n\n\n<p><strong>\u2502<\/strong><\/p>\n\n\n\n<p><strong>\u251c<\/strong><strong>\u2500\u2500 public\/<\/strong><\/p>\n\n\n\n<p><strong>\u2514\u2500\u2500 package.json<\/strong><\/p>\n\n\n\n<p><strong>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438:<\/strong><\/p>\n\n\n\n<p><strong>\uf0b7&nbsp; Docker<\/strong><\/p>\n\n\n\n<p><strong>\uf0b7&nbsp; Redis (\u043a\u044d\u0448 \/ \u043e\u0447\u0435\u0440\u0435\u0434\u0438)<\/strong><\/p>\n\n\n\n<p><strong>\uf0b7&nbsp; Celery (\u0444\u043e\u043d\u043e\u0432\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438)<\/strong><\/p>\n\n\n\n<p><strong>\u041f\u0435\u0440\u0435\u0445\u043e\u0434 MVP \u2192 \u0440\u043e\u0441\u0442<\/strong><\/p>\n\n\n\n<p><strong>\u041d\u0430 MVP:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SQLite<\/strong><\/li>\n\n\n\n<li><strong>\u043e\u0434\u0438\u043d \u0441\u0435\u0440\u0432\u0435\u0440<\/strong><\/li>\n\n\n\n<li><strong>\u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 CI<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>\u041f\u0440\u0438 \u0440\u043e\u0441\u0442\u0435:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>PostgreSQL<\/strong><\/li>\n\n\n\n<li><strong>Gunicorn + Nginx<\/strong><\/li>\n\n\n\n<li><strong>Docker<\/strong><\/li>\n\n\n\n<li><strong>Redis (\u043a\u044d\u0448 \/ \u043e\u0447\u0435\u0440\u0435\u0434\u0438)<\/strong><\/li>\n\n\n\n<li><strong>Celery (\u0444\u043e\u043d\u043e\u0432\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438)<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>\u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u00ab\u0441\u0442\u0430\u0440\u0442\u0430\u043f-\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430\u00bb<\/strong><\/p>\n\n\n\n<p><strong>\u2714&nbsp;\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442<br><\/strong><strong>\u2714&nbsp;<\/strong><strong>\u0427\u0438\u0441\u0442\u044b\u0439&nbsp;<\/strong><strong>\u043a\u043e\u0434<br><\/strong><strong>\u2714&nbsp;<\/strong><strong>\u041b\u0451\u0433\u043a\u043e\u0435&nbsp;<\/strong><strong>\u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<br><\/strong><strong>\u2714&nbsp;<\/strong><strong>\u041f\u043e\u043d\u044f\u0442\u043d\u0430&nbsp;<\/strong><strong>\u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u0430\u043c<br><\/strong><strong>\u2714&nbsp;<\/strong><strong>\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442&nbsp;<\/strong><strong>\u0434\u043b\u044f&nbsp;<\/strong><strong>\u0413\u0435\u0440\u043c\u0430\u043d\u0438\u0438 \/ EU (compliance)<\/strong><\/p>\n\n\n\n<p><strong>\u041f\u0440\u0438\u043d\u0446\u0438\u043f \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u043b\u044f MVP (\u0437\u043e\u043b\u043e\u0442\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e)<\/strong><\/p>\n\n\n\n<p><strong>\u0422\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c \u0442\u043e, \u0447\u0442\u043e \u0434\u043e\u0440\u043e\u0433\u043e \u0441\u043b\u043e\u043c\u0430\u0442\u044c<\/strong><\/p>\n\n\n\n<p>\u0414\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430 \u044d\u0442\u043e:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \/ \u043b\u043e\u0433\u0438\u043d<\/li>\n\n\n\n<li>\u043f\u043b\u0430\u0442\u0435\u0436\u0438 (\u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c)<\/li>\n\n\n\n<li>\u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u0411\u0414<\/li>\n\n\n\n<li>\u043a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430<\/li>\n<\/ul>\n\n\n\n<p><strong>\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0442\u0435\u0441\u0442\u043e\u0432 \u0434\u043b\u044f MVP (\u0447\u0435\u043a-\u043b\u0438\u0441\u0442)<\/strong><\/p>\n\n\n\n<p>\u2705&nbsp;Service layer \u2014 5\u201310 \u0442\u0435\u0441\u0442\u043e\u0432<br>\u2705&nbsp;API \u2014 3\u20135 smoke tests<br>\u2705&nbsp;Frontend \u2014 2\u20133 \u0442\u0435\u0441\u0442\u0430<br>\u27a1\ufe0f&nbsp;<strong>\u0418\u0442\u043e\u0433\u043e: 1\u20132 \u0447\u0430\u0441\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/strong><\/p>\n\n\n\n<p><strong>\u0424\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0430 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u043b\u0430\u043d\u0430<\/strong><\/p>\n\n\n\n<p>\u0414\u043b\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 MVP \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u0438 API. \u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u043e \u0441 \u0444\u043e\u043a\u0443\u0441\u043e\u043c \u043d\u0430 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u0438 \u043d\u0435 \u043f\u0440\u0435\u043f\u044f\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430.<\/p>\n\n\n\n<p><strong>\u0418\u0442\u043e\u0433<\/strong><\/p>\n\n\n\n<p>\u2714&nbsp;\u0414\u0430, \u0442\u0435\u0441\u0442\u044b \u0434\u043b\u044f MVP&nbsp;<strong>\u043d\u0443\u0436\u043d\u044b<\/strong><br>\u2714&nbsp;\u041d\u043e&nbsp;<strong>\u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0438 \u0440\u0430\u0437\u0443\u043c\u043d\u043e<\/strong><br>\u2714&nbsp;Backend \u0432\u0430\u0436\u043d\u0435\u0435 frontend<br>\u2714&nbsp;Service Layer \u2014 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0444\u043e\u043a\u0443\u0441<\/p>\n\n\n\n<p><strong>1. \u0427\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442 unit test<\/strong><\/p>\n\n\n\n<p><strong>Unit test (\u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0439 \u0442\u0435\u0441\u0442)<\/strong>&nbsp;\u2014 \u044d\u0442\u043e \u0442\u0435\u0441\u0442:<\/p>\n\n\n\n<p>\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442&nbsp;<strong>\u043e\u0434\u043d\u0443 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0438<\/strong>&nbsp;\u0432 \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438<\/p>\n\n\n\n<p>\u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u043e\u0434\u0438\u043d \u043c\u0435\u0442\u043e\u0434<\/strong><\/li>\n\n\n\n<li><strong>\u043e\u0434\u0438\u043d \u043a\u043b\u0430\u0441\u0441<\/strong><\/li>\n\n\n\n<li><strong>\u043e\u0434\u043d\u043e \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u0430\u0432\u0438\u043b\u043e<\/strong><\/li>\n<\/ul>\n\n\n\n<p>\u041f\u0440\u0438\u043c\u0435\u0440:<\/p>\n\n\n\n<p>\u00ab\u041c\u043e\u0436\u043d\u043e \u043b\u0438 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 \u043d\u043e\u0432\u044b\u043c email?\u00bb<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>2. \u0427\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442 fake repository<\/strong><\/p>\n\n\n\n<p><strong>Fake repository<\/strong>&nbsp;\u2014 \u044d\u0442\u043e:<\/p>\n\n\n\n<p>\u043f\u043e\u0434\u0434\u0435\u043b\u044c\u043d\u0430\u044f (\u0443\u043f\u0440\u043e\u0449\u0451\u043d\u043d\u0430\u044f) \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438<\/p>\n\n\n\n<p>\u041e\u043d:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445<\/strong><\/li>\n\n\n\n<li>\u0445\u0440\u0430\u043d\u0438\u0442 \u0434\u0430\u043d\u043d\u044b\u0435&nbsp;<strong>\u0432 \u043f\u0430\u043c\u044f\u0442\u0438<\/strong><\/li>\n\n\n\n<li>\u0432\u0435\u0434\u0451\u0442 \u0441\u0435\u0431\u044f \u00ab\u043a\u0430\u043a \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0430\u044f \u0411\u0414\u00bb, \u043d\u043e \u043f\u0440\u043e\u0449\u0435<\/li>\n<\/ul>\n\n\n\n<p><a>Vitest<\/a>&nbsp;\u2014 \u044d\u0442\u043e&nbsp;<strong>\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f JavaScript\/TypeScript<\/strong>, \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0439&nbsp;Jest, \u043d\u043e \u0431\u043e\u043b\u0435\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0438 \u0431\u044b\u0441\u0442\u0440\u044b\u0439.<\/p>\n\n\n\n<p><br><a><strong>Jest<\/strong><\/a>&nbsp;\u2014 \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439&nbsp;<a>Facebook<\/a>, \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0448\u0438\u0440\u043e\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u043c \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f JavaScript. Jest&nbsp;&nbsp;<a>\u043b\u0443\u0447\u0448\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442<\/a>&nbsp;\u00abReact Native\u00bb.<\/p>\n\n\n\n<p>\u041a\u043e\u043d\u0435\u0447\u043d\u043e! \u0427\u0442\u043e\u0431\u044b \u0442\u0435\u0441\u0442\u044b \u043d\u0430&nbsp;<strong>Vitest<\/strong>&nbsp;(\u0438\u043b\u0438 \u043b\u044e\u0431\u043e\u043c \u0434\u0440\u0443\u0433\u043e\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435) \u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043b\u0435\u0433\u043a\u043e \u0438 \u043f\u0440\u043e\u0441\u0442\u043e, \u0441\u0430\u043c\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441 \u0440\u0430\u0441\u0447\u0435\u0442\u043e\u043c \u043d\u0430 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435. \u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u0447\u0430\u0441\u0442\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442&nbsp;<strong>Design for Testability<\/strong>.<\/p>\n\n\n\n<p><strong>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0418\u043d\u044a\u0435\u043a\u0446\u0438\u044e \u0417\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 (Dependency Injection)<\/strong><\/p>\n\n\n\n<p>\u0415\u0441\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u0432 API \u0438\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0434\u0430\u0442\u043e\u0439, \u043d\u0435 \u043f\u0438\u0448\u0438\u0442\u0435 \u044d\u0442\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u041f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u044d\u0442\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u043a\u0430\u043a \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b.<\/p>\n\n\n\n<p><strong>\u041f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0434\u0430\u0442\u043e\u0439:<\/strong>&nbsp;\u0412\u043c\u0435\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f new Date() \u0432\u043d\u0443\u0442\u0440\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 (\u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0430\u0437\u043d\u0430\u044f), \u043f\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u0434\u0430\u0442\u0443 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c.<\/p>\n\n\n\n<p>JavaScript<\/p>\n\n\n\n<p>\/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442, \u043d\u0430\u0441\u0442\u0443\u043f\u0438\u043b \u043b\u0438 \u0434\u0435\u0434\u043b\u0430\u0439\u043d<\/p>\n\n\n\n<p>export function isDeadlinePassed(deadline, now = new Date()) {<\/p>\n\n\n\n<p>&nbsp; return now &gt; deadline;<\/p>\n\n\n\n<p>}<\/p>\n\n\n\n<p><em>\u0412 \u0442\u0435\u0441\u0442\u0435 Vitest:<\/em>&nbsp;\u0432\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0434\u0438\u0442\u0435 \u043b\u044e\u0431\u0443\u044e \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u0434\u0430\u0442\u0443 \u0432 now \u0438 \u043b\u0435\u0433\u043a\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u0435 \u043b\u043e\u0433\u0438\u043a\u0443.<\/p>\n\n\n\n<p><strong>\u041c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u2014 \u043e\u0434\u043d\u0430 \u0437\u0430\u0434\u0430\u0447\u0430<\/strong><\/p>\n\n\n\n<p>\u0415\u0441\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u0435\u043b\u0430\u0435\u0442 10 \u0432\u0435\u0449\u0435\u0439 \u0441\u0440\u0430\u0437\u0443, \u0442\u0435\u0441\u0442 \u0434\u043b\u044f \u043d\u0435\u0435 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u043e\u0448\u043c\u0430\u0440. \u0420\u0430\u0437\u0434\u0435\u043b\u044f\u0439\u0442\u0435 \u043b\u043e\u0433\u0438\u043a\u0443.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0410:<\/strong>&nbsp;\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435.<\/li>\n\n\n\n<li><strong>\u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0411:<\/strong>&nbsp;\u0422\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 (\u0432\u043e\u0442 \u0435\u0451 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0449\u0435 \u0432\u0441\u0435\u0433\u043e).<\/li>\n\n\n\n<li><strong>\u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0412:<\/strong>&nbsp;\u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435.<\/li>\n<\/ul>\n\n\n\n<p><strong>\u0427\u0435\u043a-\u043b\u0438\u0441\u0442 \u0434\u043b\u044f \u00ab\u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e\u00bb \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f:<\/strong><\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>\u0418\u0437\u0431\u0435\u0433\u0430\u0439\u0442\u0435 static \u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439.<\/strong><\/li>\n\n\n\n<li><strong>\u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0439\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435<\/strong>, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0435 \u0432 console.log.<\/li>\n\n\n\n<li><strong>\u041d\u0435 \u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c \u0442\u043e, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c.<\/strong>&nbsp;\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0439 \u043a\u043e\u0434 \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u043f\u0440\u043e\u0449\u0435.<\/li>\n\n\n\n<li><strong>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0442\u0435\u0441\u0442 (TDD).<\/strong>&nbsp;\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u0442\u0435\u0441\u0442 \u043a \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b \u0435\u0449\u0435 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u2014 \u0437\u043d\u0430\u0447\u0438\u0442, \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0441\u043b\u043e\u0436\u043d\u0430\u044f.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u0435\u043a\u0430 PWA \u2014 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f (\u0434\u043b\u044f \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u044b\u0445 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435) \u041d\u0443\u0436\u043d\u043e&nbsp;\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f MVP, \u043d\u043e \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u0438 \u0440\u0430\u0437\u0443\u043c\u043d\u043e\u0435, \u043d\u0435 \u00ab\u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0430\u0434\u00bb. \u0441\u043c. \u043f\u0440\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0438\u0436\u0435. \u041f\u0438\u0448\u0438&nbsp;\u0447\u0438\u0441\u0442\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438&nbsp;(Pure Functions)&nbsp;\u0447\u0442\u043e\u0431\u044b \u0438\u0445 \u0431\u044b\u043b\u043e \u043b\u0435\u0433\u043a\u043e&nbsp;\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u0422\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0434 \u0442\u0435\u0441\u0442\u043e\u043c.&nbsp;&nbsp;\u0414\u043b\u044f \u0442\u0435\u0441\u0442\u043e\u0432&nbsp;JS&nbsp;\u043a\u043e\u0434\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u00abVitest\u00bb&nbsp;\u0438\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c&nbsp;\u00abJest\u00bb \u043b\u0443\u0447\u0448\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u00abReact Native\u00bb. \u0441\u043c.&hellip;&nbsp;<a href=\"https:\/\/1.cbm.ua\/?p=7805\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 &raquo;<span class=\"screen-reader-text\">\ud83c\udfafpr. \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u0435\u043a\u0430 (\u0441\u0442\u0435\u043a \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439)<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[194,195],"tags":[],"class_list":["post-7805","post","type-post","status-publish","format-standard","hentry","category-spr-jk_pwa-1","category-it"],"_links":{"self":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/7805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7805"}],"version-history":[{"count":7,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/7805\/revisions"}],"predecessor-version":[{"id":9256,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/7805\/revisions\/9256"}],"wp:attachment":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}