{"id":379819,"date":"2024-06-25T04:00:53","date_gmt":"2024-06-25T04:00:53","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=379819"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=379819","title":{"rendered":"<span>\u041d\u0430 \u0447\u0435\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0441\u0442\u0430\u0440\u0442\u0430\u043f \u0438\u043b\u0438 \u0441 \u0447\u0435\u0433\u043e \u043d\u0430\u0447\u0430\u0442\u044c \u0445\u0430\u043a\u0430\u0442\u043e\u043d \u0432 2024? (\u0447\u0430\u0441\u0442\u044c 1)<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/7df\/d94\/8ae\/7dfd948ae7659e9093a1d5c1dc6e4d13.png\" alt=\"typical startup thinking about technology \" title=\"typical startup thinking about technology \" width=\"1024\" height=\"706\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/7df\/d94\/8ae\/7dfd948ae7659e9093a1d5c1dc6e4d13.png\"\/><\/p>\n<div><figcaption>typical startup thinking about technology <\/figcaption><\/div>\n<\/figure>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 boilerplate \u0434\u043b\u044f full-stack \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u0412 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u043e\u0432.<\/p>\n<p>\u0421\u0440\u0430\u0437\u0443 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u044e, \u0447\u0442\u043e \u0441\u0442\u0430\u0442\u044c\u044f \u0431\u0443\u0434\u0435\u0442 \u0445\u043e\u043b\u0438\u0432\u0430\u0440\u043d\u043e\u0439, \u0432\u0441\u0435\u0445 \u0445\u0435\u0439\u0442\u0435\u0440\u043e\u0432 \u043f\u0440\u043e\u0448\u0443 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u044b, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0439\u0442\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b.<\/p>\n<h2>\u0427\u0442\u043e \u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c?<\/h2>\n<p>\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f <strong>B2B \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/strong>. \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u0432\u044b\u0431\u043e\u0440\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u0434\u043b\u044f front-end \u0447\u0430\u0441\u0442\u0438. \u0421\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0443\u0435\u043c\u0441\u044f \u043d\u0430 <strong>\u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438<\/strong>, \u043d\u0430\u043b\u0438\u0447\u0438\u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u0435 community. <strong>\u041d\u0435<\/strong> \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u043b\u0438\u0431\u043e <strong>\u0432\u0435\u043d\u0434\u043e\u0440\u043b\u043e\u043a<\/strong> \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u043d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 <strong>\u043d\u0435<\/strong> \u0434\u043e\u043b\u0436\u043d\u043e \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e <strong>\u0441\u0435\u0440\u0432\u0438\u0441-\u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430<\/strong>. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <strong>100% Open Source<\/strong> \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0431\u0435\u0437 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0431\u043e\u0440\u043e\u0432 \u0438 \u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0439. <strong>\u041d\u0438\u043a\u0430\u043a\u0438\u0445 Vendor Lock-in<\/strong> \u0438 \u0437\u0430\u043a\u0430\u0437\u043d\u044b\u0445 \u043e\u0431\u0437\u043e\u0440\u043e\u0432 \u043e\u0442 \u0432\u0435\u043d\u0434\u043e\u0440\u043e\u0432!<\/p>\n<details class=\"spoiler\">\n<summary>\u0414\u0438\u0441\u043a\u043b\u0435\u0439\u043c\u0435\u0440 \u043f\u0440\u043e \u043e\u043f\u044b\u0442 \u0430\u0432\u0442\u043e\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0422\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u043c\u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0441 back-end \u043d\u0430 python\/django, python\/flask, python\/asyncio, node\/express \u0438 \u0434\u0430\u0436\u0435 ruby\/rails. \u042f \u0432\u0435\u043b \u043a\u0443\u0440\u0441 \u043f\u043e \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0432 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0435.<\/p>\n<p>\u0420\u0430\u0431\u043e\u0442\u0430\u043b \u0432 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u0445, \u0433\u0434\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043c\u0430\u043d\u0434 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043d\u0430\u0434 \u043e\u0434\u043d\u0438\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u043c. \u0418 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430\u0445, \u0433\u0434\u0435 \u043e\u0434\u043d\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0434\u0435\u043b\u0430\u0435\u0442 \u0442\u043e, \u0447\u0442\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 enterprise. \u0412\u0438\u0434\u0435\u043b \u043c\u0438\u043a\u0440\u043e\u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0438 \u043c\u043e\u043d\u043e\u043b\u0438\u0442\u044b. <\/p>\n<p>\u042d\u0442\u043e\u0442 \u043e\u043f\u044b\u0442 \u0431\u0443\u0434\u0435\u0442 \u0432\u043b\u0438\u044f\u0442\u044c \u043d\u0430 \u0432\u044b\u0431\u043e\u0440 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439, \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f.<\/p>\n<\/div>\n<\/details>\n<p>\u041d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0435\u0441\u043b\u0438 \u043d\u0430\u0448 \u0441\u0442\u0430\u0440\u0442\u0430\u043f \u0431\u0443\u0434\u0435\u0442 \u0443\u0441\u043f\u0435\u0448\u043d\u044b\u043c, \u0442\u043e \u043d\u0430\u043c \u0431\u044b <a href=\"https:\/\/www.dave-bailey.com\/blog\/tech-rebuilds\" rel=\"noopener noreferrer nofollow\">\u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0441 \u043d\u0443\u043b\u044f<\/a> \u0438\u0437-\u0437\u0430 \u043f\u043b\u043e\u0445\u043e\u0433\u043e \u0432\u044b\u0431\u043e\u0440\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439, <a href=\"https:\/\/drpicox.medium.com\/how-much-does-it-really-cost-to-do-a-major-code-refactor-372595b4e89a\" rel=\"noopener noreferrer nofollow\">\u044d\u0442\u043e \u0434\u043e\u0440\u043e\u0433\u043e<\/a>.<\/p>\n<h2>Front-end<\/h2>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/9da\/a6d\/05c\/9daa6d05cbd312edb1251a1fd4009b83.png\" width=\"1600\" height=\"898\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9da\/a6d\/05c\/9daa6d05cbd312edb1251a1fd4009b83.png\"\/><\/figure>\n<p>\u0412\u0441\u0435 \u0447\u0430\u0449\u0435 \u043f\u0440\u0438\u043d\u044f\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043f\u0440\u043e \u00ab\u043c\u0435\u0442\u0430-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u00bb (front-end meta-frameworks). \u041d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c Angular, Astro, Next.js, Remix, Nuxt, SolidStart, SvelteKit. \u0412\u0441\u0435 \u043e\u043d\u0438 \u0441\u043c\u043e\u0442\u0440\u044f\u0442 \u0434\u0440\u0443\u0433 \u0437\u0430 \u0434\u0440\u0443\u0433\u043e\u043c, \u0432\u043f\u0438\u0442\u044b\u0432\u0430\u044e\u0442 \u0438 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u044e\u0442 \u0438\u0434\u0435\u0438 \u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u0434\u0435\u0442\u0435\u0430\u043b\u044c\u043d\u0435\u0435 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c \u0444\u0438\u0447\u0438, \u0442\u043e \u044f \u0431\u044b \u043f\u043e\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043b <a href=\"https:\/\/www.youtube.com\/watch?v=XaNqdlfVF-M\" rel=\"noopener noreferrer nofollow\"><u>\u0434\u043e\u043a\u043b\u0430\u0434 Addy Osmany c Google I\/O 2024<\/u><\/a> (\u0441\u043b\u0430\u0439\u0434 \u0432\u0437\u044f\u0442 \u043e\u0442\u0442\u0443\u0434\u0430), \u043f\u043b\u044e\u0441 \u0435\u0441\u0442\u044c <a href=\"https:\/\/prismic.io\/blog\/javascript-meta-frameworks-ecosystem\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u0442\u0430\u0442\u044c\u044f \u0432 \u0431\u043b\u043e\u0433\u0435 prismic &#171;Understanding the JavaScript Meta-framework Ecosystem&#187; \u0441 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u043d\u044b\u043c \u043e\u0437\u043e\u0440\u043e\u043c \u043c\u0435\u0442\u0430 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432<\/u><\/a>, \u043d\u0443 \u0438 \u0446\u0435\u043b\u0430\u044f \u043a\u0443\u0447\u0430 \u0441\u0442\u0430\u0442\u0435\u0439 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0439 <a href=\"https:\/\/v2.vuejs.org\/v2\/guide\/comparison.html?redirect=true\" rel=\"noopener noreferrer nofollow\"><u>react vs vue<\/u><\/a>, <a href=\"https:\/\/prismic.io\/blog\/svelte-vs-react\" rel=\"noopener noreferrer nofollow\"><u>svelt vs react<\/u><\/a> \u0438 \u0434\u0440. \u042d\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438\u043c\u0435\u044e\u0442 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0436\u0438\u0437\u043d\u0438, \u043e\u043d\u0438 \u0442\u0435\u0440\u044f\u044e\u0442 \u0441\u0432\u043e\u044e \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441 \u043a\u0430\u0436\u0434\u044b\u043c \u043d\u043e\u0432\u044b\u043c \u0440\u0435\u043b\u0438\u0437\u043e\u043c, \u0442\u0430\u043a \u043a\u0430\u043a \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0431\u0435\u0440\u0443\u0442 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438 \u0438\u0434\u0435\u0438 \u0434\u0440\u0443\u0433 \u0443 \u0434\u0440\u0443\u0433\u0430.<\/p>\n<p>\u0415\u0441\u0442\u044c \u043d\u0435\u043f\u043b\u043e\u0445\u043e\u0435 <a href=\"https:\/\/ossinsight.io\/collections\/javascript-framework\/\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u00ab\u0437\u0432\u0435\u0437\u0434\u043e\u0447\u0435\u043a\u00bb \u043d\u0430 \u0433\u0438\u0442\u0445\u0430\u0431\u0435<\/u><\/a>, \u043e\u043d\u043e \u043a\u043e\u0440\u0440\u0435\u043b\u0438\u0440\u0443\u0435\u0442 \u0441 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c community \u0438 \u0442\u0440\u0435\u043d\u0434\u0430\u043c\u0438 \u0432 \u043c\u0438\u0440\u0435 JavaScript.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/c23\/11c\/29e\/c2311c29e245b4b2ca2508b361a34f92.png\" alt=\"JS framework stars\" title=\"JS framework stars\" width=\"1868\" height=\"1124\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/c23\/11c\/29e\/c2311c29e245b4b2ca2508b361a34f92.png\"\/><\/p>\n<div><figcaption>JS framework stars<\/figcaption><\/div>\n<\/figure>\n<p>\u0422\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u0432\u0438\u0434\u0435\u0442\u044c, \u043a\u0430\u043a vue \u0431\u044b\u043b \u0432 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0435\u0435 react \u0438\u043b\u0438 \u043a\u0430\u043a \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0442\u0435\u0440\u044f\u0435\u0442 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u044c jQuery. \u041f\u043e\u043c\u0438\u043c\u043e \u0437\u0432\u0435\u0437\u0434\u043e\u0447\u0435\u043a, <a href=\"https:\/\/survey.stackoverflow.co\/2023\/#section-most-popular-technologies-web-frameworks-and-technologies\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0434\u0430\u043d\u043d\u044b\u043c \u0438\u0437 \u043e\u043f\u0440\u043e\u0441\u0430 stackowerflow<\/u><\/a>, Node.js \u0438 React.js \u2014 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u0432\u0435\u0431-\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0432\u0441\u0435\u043c\u0438 \u0440\u0435\u0441\u043f\u043e\u043d\u0434\u0435\u043d\u0442\u0430\u043c\u0438.<\/p>\n<p>\u0423\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0442\u0440\u0435\u043d\u0434\u044b, \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e <strong>React<\/strong> (\u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u0441\u043b\u0430\u0439\u0434\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u00a0\u043a\u0430\u043a \u043c\u0435\u0442\u0430-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a Next.js) \u043d\u0435 \u0434\u0430\u0435\u0442 \u043a\u043e\u043c\u0443-\u043b\u0438\u0431\u043e \u0441\u0435\u0431\u044f \u043e\u0431\u043e\u0433\u043d\u0430\u0442\u044c.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/4e4\/6e1\/f04\/4e46e1f0447329a942318833ddef2a62.png\" alt=\"next.js + react\" title=\"next.js + react\" width=\"1023\" height=\"273\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/4e4\/6e1\/f04\/4e46e1f0447329a942318833ddef2a62.png\"\/><\/p>\n<div><figcaption>next.js + react<\/figcaption><\/div>\n<\/figure>\n<p>\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0432\u0430\u0442\u044c React + Next.js, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e <a href=\"https:\/\/survey.stackoverflow.co\/2023\/#section-most-popular-technologies-web-frameworks-and-technologies\" rel=\"noopener noreferrer nofollow\">\u0441\u0430\u043c\u044b\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0430<\/a>.<\/p>\n<p>\u0421 \u0447\u0435\u0433\u043e \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f? \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0437\u043d\u0430\u0435\u0442\u0435 \u043e React, \u0442\u043e \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u2014 \u0441 <a href=\"https:\/\/react.dev\/learn\" rel=\"noopener noreferrer nofollow\"><u>https:\/\/react.dev\/learn<\/u><\/a>. \u0410 \u0434\u043b\u044f Next.js \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0430\u0447\u0430\u0442\u044c \u0441 <a href=\"https:\/\/nextjs.org\/docs\" rel=\"noopener noreferrer nofollow\"><u>https:\/\/nextjs.org\/docs<\/u><\/a>.\u00a0<\/p>\n<p>\u041d\u043e \u043e\u0434\u043d\u043e\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u043c\u0430\u043b\u043e. \u0414\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f UI \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430.<\/p>\n<h3>UI \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430<\/h3>\n<p>\u0425\u043e\u0440\u043e\u0448\u0438\u0439 <a href=\"https:\/\/prismic.io\/blog\/react-component-libraries#top-react-ui-component-libraries\" rel=\"noopener noreferrer nofollow\">\u043e\u0431\u0437\u043e\u0440 React UI \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0441 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u043c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0435\u0441\u0442\u044c \u0432 \u0431\u043b\u043e\u0433\u0435 prismic<\/a>.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/9a2\/10d\/f19\/9a210df199edd0f36a0e2908c9664ec3.png\" alt=\"mui vs antd\" title=\"mui vs antd\" width=\"1023\" height=\"273\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9a2\/10d\/f19\/9a210df199edd0f36a0e2908c9664ec3.png\"\/><\/p>\n<div><figcaption>mui vs antd<\/figcaption><\/div>\n<\/figure>\n<p>\u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043b\u0438\u0434\u0435\u0440\u0430: <a href=\"https:\/\/mui.com\/\" rel=\"noopener noreferrer nofollow\"><u>MUI<\/u><\/a> (Material UI) \u0438 <a href=\"https:\/\/ant.design\/\" rel=\"noopener noreferrer nofollow\"><u>Ant<\/u><\/a>. MUI \u0438\u043c\u0435\u0435\u0442 \u043f\u043b\u0430\u0442\u043d\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u0441 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u043c \u043d\u0430\u0431\u043e\u0440\u043e\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0438\u043c\u0435\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f Drag &amp; Drop, \u0442\u043e \u0434\u043b\u044f <a href=\"https:\/\/mui.com\/x\/react-data-grid\/column-ordering\/\" rel=\"noopener noreferrer nofollow\"><u>MUI \u0432\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f pro \u0432\u0435\u0440\u0441\u0438\u044f<\/u><\/a>, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0432 <a href=\"https:\/\/ant.design\/components\/table#components-table-demo-drag-column-sorting\" rel=\"noopener noreferrer nofollow\"><u>Ant \u044d\u0442\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0431\u0435\u0437 \u043e\u043f\u043b\u0430\u0442\u044b \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445<\/u><\/a>. \u0412 \u0446\u0435\u043b\u043e\u043c, \u0432 Ant \u0447\u0443\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432.<\/p>\n<details class=\"spoiler\">\n<summary>Bootstrap &amp; \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435<\/summary>\n<div class=\"spoiler__content\">\n<p>\u042f \u043d\u0435 \u0441\u0442\u0430\u043b \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c <a href=\"https:\/\/github.com\/twbs\/examples\/tree\/main\/react-nextjs\" rel=\"noopener noreferrer nofollow\"><u>Bootstrap<\/u><\/a>, \u0445\u043e\u0442\u044f \u0443 \u043d\u0435\u0433\u043e \u0438 \u0435\u0441\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0430 \u0431\u0430\u0437\u0435 Next.js. \u0423 \u043d\u0435\u0433\u043e \u043c\u0430\u043b\u043e \u0441\u043b\u043e\u0436\u043d\u044b\u0445 B2B \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u0421\u0442\u043e\u0438\u0442 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0444\u043e\u0440\u043c \u0438 \u0442\u0430\u0431\u043b\u0438\u0446, \u044d\u0442\u043e \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b. \u0418 \u0442\u0443\u0442 \u0441\u043d\u043e\u0432\u0430 \u0432\u044b\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442 Ant \u0441\u043e \u0441\u0432\u043e\u0438\u043c\u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438.<\/p>\n<\/div>\n<\/details>\n<h3>\u0421\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 b2b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432<\/h3>\n<p>\u0427\u0442\u043e\u0431\u044b \u043d\u0430\u043c \u043d\u0435 \u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c Layout, Auth \u0438 Permission \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u043d\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0442\u0443\u043b\u044b \u0434\u043b\u044f realtime \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432\u0437\u044f\u0442\u044c <a href=\"https:\/\/refine.dev\/\" rel=\"noopener noreferrer nofollow\"><u>refine<\/u><\/a>.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/97a\/e5b\/57d\/97ae5b57d79b1d088ce36a7a227b9bae.png\" alt=\"refine\" title=\"refine\" width=\"1720\" height=\"806\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/97a\/e5b\/57d\/97ae5b57d79b1d088ce36a7a227b9bae.png\"\/><\/p>\n<div><figcaption>refine<\/figcaption><\/div>\n<\/figure>\n<p>\u042d\u0442\u043e \u043d\u0430\u0431\u043e\u0440 React \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e  B2B-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u042f <a href=\"https:\/\/refine.dev\/tutorial\/essentials\/intro\/\" rel=\"noopener noreferrer nofollow\"><u>\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u043f\u0440\u043e\u0439\u0442\u0438 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 tutorial, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043d\u044f\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044e \u0438 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0432 Refine<\/u><\/a>.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/5fe\/1b5\/dcd\/5fe1b5dcded3f1b689e9df92c5fce49c.png\" width=\"1600\" height=\"981\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/5fe\/1b5\/dcd\/5fe1b5dcded3f1b689e9df92c5fce49c.png\"\/><\/figure>\n<p>\u0423 Refine \u0435\u0441\u0442\u044c <a href=\"https:\/\/github.com\/refinedev\/refine\/tree\/master\/examples\/app-crm\" rel=\"noopener noreferrer nofollow\"><u>\u043d\u0430\u0431\u043e\u0440 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0434\u043b\u044f \u0430\u0434\u043c\u0438\u043d-\u043f\u0430\u043d\u0435\u043b\u0435\u0439 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 ant<\/u><\/a><u> \u0438 mui<\/u>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0441\u0442\u0430\u0440\u0442\u0430. \u042d\u0442\u043e \u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442 \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0441\u0442\u0430\u0440\u0442\u0430 b2b-\u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430.<\/p>\n<h3>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432<\/h3>\n<p>\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u0440\u0430\u0437\u0443 \u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0430\u0448 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c \u0438 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u041d\u043e, \u0435\u0441\u043b\u0438 \u0432\u044b \u0431\u043e\u0440\u0435\u0442\u0435\u0441\u044c \u0437\u0430 \u0440\u0430\u0437\u043c\u0435\u0440 front-end \u0431\u0430\u043d\u0434\u043b\u0430, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u044b \u0438\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0441\u0432\u043e\u0435 \u043d\u0430 vanilla-js. \u042f \u043b\u044e\u0431\u043b\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432 \u0432 \u0441\u0435\u0440\u0432\u0438\u0441, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u0434\u0430\u0442\u044c \u044d\u0442\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0447\u0438\u043a\u0443 \u0438\u043b\u0438 ChatGPT.<\/p>\n<p>\u041a\u0430\u043a\u0438\u0435 \u0435\u0441\u0442\u044c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b? \u0412 <a href=\"https:\/\/nextjs.org\/docs\/pages\/building-your-application\/routing\/internationalization\" rel=\"noopener noreferrer nofollow\"><u>\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 Next.js \u0441\u043e\u0431\u0440\u0430\u043d\u044b \u0432\u0441\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 i18n \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438<\/u><\/a>. \u0418\u0437 \u044d\u0442\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c react-i18next, lingui \u0438 tolgee, \u043e\u043d\u0438 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0441 \u043e\u0431\u043b\u0430\u0447\u043d\u044b\u043c\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432. \u0412\u044b\u0431\u0435\u0440\u0435\u043c react-i18next, \u0442\u043a \u0432 \u043d\u0435\u0439 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c <a href=\"https:\/\/github.com\/i18next\/i18next-http-backend\" rel=\"noopener noreferrer nofollow\"><u>\u043f\u043e\u0434\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432 \u0441 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043b\u043e\u0433\u0438\u043a\u043e\u0439<\/u><\/a> \u0438 \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 refine.<\/p>\n<h2>\u0421\u0431\u043e\u0440\u043a\u0430<\/h2>\n<p>\u041c\u044b \u0432\u044b\u0431\u0440\u0430\u043b\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0432\u0441\u0435 \u044d\u0442\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.\u00a0<\/p>\n<p>\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439, \u0442.\u043a. \u0443 \u043d\u0430\u0441 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u044c\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438 \u0438 \u0443\u043f\u0440\u0430\u0436\u043d\u044f\u0442\u044c\u0441\u044f \u0441 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u043e\u043c \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f\u0445 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e. \u0415\u0441\u043b\u0438 \u043d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u0442\u0430\u043d\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0438\u043c, \u0442\u043e \u043c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u0441\u043c\u043e\u0436\u0435\u043c \u0435\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f2e\/223\/df8\/f2e223df84c42a7845acb48c2c150ee3.png\" alt=\"\" title=\"\" width=\"960\" height=\"209\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f2e\/223\/df8\/f2e223df84c42a7845acb48c2c150ee3.png\"\/><\/figure>\n<p>\u0414\u043b\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/yarnpkg.com\/features\/workspaces\" rel=\"noopener noreferrer nofollow\"><u>workspaces<\/u><\/a>. \u0410 \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e\u0431\u0438\u0440\u0430\u043b\u0441\u044f \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/turbo.build\/repo\" rel=\"noopener noreferrer nofollow\"><u>turbo<\/u><\/a>, \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0445\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 Next.js.<\/p>\n<details class=\"spoiler\">\n<summary>\u041f\u0430\u0440\u0430 \u0441\u043b\u043e\u0432 \u043f\u0440\u043e Nx \u0438 Lerna<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0415\u0441\u0442\u044c \u0435\u0449\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0442\u0443\u043b\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043c\u043e\u043d\u043e\u0440\u0438\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c:<\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/github.com\/nrwl\/nx\" rel=\"noopener noreferrer nofollow\"><u>Nx<\/u><\/a> \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0441\u0431\u043e\u0440\u043a\u0438 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f\u043c\u0438,\u00a0 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u043c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u044f\u0437\u044b\u043a\u043e\u0432. \u0418\u043c\u0435\u0435\u0442 \u0433\u0438\u0431\u043a\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043d\u0430 \u0432\u0441\u0435 \u0441\u043b\u0443\u0447\u0430\u0438 \u0436\u0438\u0437\u043d\u0438. \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f. \u042d\u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u0437\u0440\u0435\u043b\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u043c\u043d\u043e\u0433\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439. \u041f\u043e\u043a\u0430 \u043d\u0430\u043c \u0432\u0441\u0435 \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0431\u044b\u0441\u0442\u0440\u0430\u044f \u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0431\u043e\u0440\u043a\u0430 \u0431\u0435\u0437 \u043a\u0430\u043a\u0438-\u043b\u0438\u0431\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u0438\u0439. \u041d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u043a\u0443\u0440\u0441 \u043f\u043e nx, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u043f\u0440\u043e\u0435\u0442\u0430. \u041c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c <a href=\"https:\/\/nx.dev\/concepts\/turbo-and-nx\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 nx vs turbo \u043e\u0442 \u0430\u0432\u0442\u043e\u0440\u043e\u0432 nx<\/u><\/a>. \u0418\u0437 \u043d\u044e\u0430\u043d\u0441\u043e\u0432: <a href=\"https:\/\/github.com\/keystonejs\/keystone\/discussions\/7220#discussioncomment-2231275\" rel=\"noopener noreferrer nofollow\"><u>Nx \u043c\u043e\u0436\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u043c \u0438 \u043d\u0435 \u0432\u0441\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043c\u043e\u0433\u0443\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 Nx \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438<\/u><\/a>. \u0415\u0441\u0442\u044c \u0435\u0449\u0435 \u043f\u0430\u0440\u0430 \u0441\u0441\u044b\u043b\u043e\u043a \u043f\u043e \u0442\u0435\u043c\u0435: <a href=\"https:\/\/blog.stackademic.com\/monorepos-a-comprehensive-guide-to-turbo-repo-and-nx-891692f10b39\" rel=\"noopener noreferrer nofollow\"><u>1<\/u><\/a>, <a href=\"https:\/\/github.com\/amirilovic\/surviving-monorepos?tab=readme-ov-file#why-turborepo-and-not-nx\" rel=\"noopener noreferrer nofollow\"><u>2<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/lerna.js.org\/docs\/lerna-and-nx\" rel=\"noopener noreferrer nofollow\"><u>Lerna<\/u><\/a> \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 Nx, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u0432 NPM, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0439 \u043f\u0430\u043a\u0435\u0442\u043e\u0432, \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f changelog, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0440\u0435\u043b\u0438\u0437\u043e\u0432 \u043d\u0430 GitHub \u0438 \u0442. \u043f.<\/p>\n<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<p>\u0412\u044b\u0434\u0435\u043b\u044f\u0439\u0442\u0435 \u0432\u0441\u0435 \u0432\u043d\u0435\u0448\u043d\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u043f\u0430\u043a\u0435\u0442\u044b. \u0423\u00a0\u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 packages\/<strong>ui<\/strong>\u00a0\u2014 \u0434\u043b\u044f\u00a0\u0432\u0441\u0435\u0445 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 UI \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0438 React \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 packages\/<strong>i18n<\/strong>\u00a0\u2014 \u0434\u043b\u044f\u00a0\u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432. \u041a\u043e\u0434 \u043d\u0430\u0448\u0435\u0433\u043e \u0444\u0440\u043e\u043d\u0442\u0430 \u043c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0432\u00a0apps\/<strong>web<\/strong>.<\/p>\n<h3>\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c?<\/h3>\n<p>\u042f \u0441\u043e\u0431\u0440\u0430\u043b \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0430, \u043d\u0430 \u0431\u0430\u0437\u0435 React, Refine, Antd, i18next, Next.js. \u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432 \u0438 \u0434\u0435\u0442\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u044f\u0437\u044b\u043a\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Antd \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0442\u0435\u043c\u044b dark \u0438 light.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/0c7\/a43\/f44\/0c7a43f44066fa200ba8934b6e07acb1.png\" width=\"1592\" height=\"1600\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/0c7\/a43\/f44\/0c7a43f44066fa200ba8934b6e07acb1.png\"\/><\/figure>\n<p>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 <a href=\"https:\/\/github.com\/8iq\/nodejs-hackathon-boilerplate-starter-kit\" rel=\"noopener noreferrer nofollow\"><u>github \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438<\/u><\/a><u>\u0438<\/u> \u0438 <a href=\"https:\/\/react-refine-antd-i18n-starter.vercel.app\/\" rel=\"noopener noreferrer nofollow\"><u>\u0434\u0435\u043c\u043e, \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u043e\u043c \u043d\u0430 Vercel<\/u><\/a>.<\/p>\n<p>\u0421\u0442\u0430\u0442\u044c\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u043e\u0431\u044a\u0435\u043c\u043d\u043e\u0439 \u0438 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e front-end, \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u043d\u0430\u0431\u0435\u0440\u0435\u0442 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u044c, \u0442\u043e \u044f \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0443 \u0441\u0431\u043e\u0440\u043a\u0443, \u0438 \u043c\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0442\u043e, \u043a\u0430\u043a\u0438\u0435 \u0435\u0441\u0442\u044c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0434\u043b\u044f back-end.<\/p>\n<p>\u0414\u0430 \u043d\u0430\u0447\u043d\u0435\u0442\u0441\u044f \u0445\u043e\u043b\u0438\u0432\u0430\u0440 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0445. \u041f\u0438\u0448\u0438\u0442\u0435 \u0441\u0432\u043e\u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043c\u044b\u0441\u043b\u0438.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/822001\/\"> https:\/\/habr.com\/ru\/articles\/822001\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<figure class=\"full-width\">\n<div><figcaption>typical startup thinking about technology <\/figcaption><\/div>\n<\/figure>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 boilerplate \u0434\u043b\u044f full-stack \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u0412 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u043e\u0432.<\/p>\n<p>\u0421\u0440\u0430\u0437\u0443 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u044e, \u0447\u0442\u043e \u0441\u0442\u0430\u0442\u044c\u044f \u0431\u0443\u0434\u0435\u0442 \u0445\u043e\u043b\u0438\u0432\u0430\u0440\u043d\u043e\u0439, \u0432\u0441\u0435\u0445 \u0445\u0435\u0439\u0442\u0435\u0440\u043e\u0432 \u043f\u0440\u043e\u0448\u0443 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u044b, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0439\u0442\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b.<\/p>\n<h2>\u0427\u0442\u043e \u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c?<\/h2>\n<p>\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f <strong>B2B \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/strong>. \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u0432\u044b\u0431\u043e\u0440\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u0434\u043b\u044f front-end \u0447\u0430\u0441\u0442\u0438. \u0421\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0443\u0435\u043c\u0441\u044f \u043d\u0430 <strong>\u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438<\/strong>, \u043d\u0430\u043b\u0438\u0447\u0438\u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u0435 community. <strong>\u041d\u0435<\/strong> \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u043b\u0438\u0431\u043e <strong>\u0432\u0435\u043d\u0434\u043e\u0440\u043b\u043e\u043a<\/strong> \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u043d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 <strong>\u043d\u0435<\/strong> \u0434\u043e\u043b\u0436\u043d\u043e \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e <strong>\u0441\u0435\u0440\u0432\u0438\u0441-\u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430<\/strong>. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <strong>100% Open Source<\/strong> \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0431\u0435\u0437 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0431\u043e\u0440\u043e\u0432 \u0438 \u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0439. <strong>\u041d\u0438\u043a\u0430\u043a\u0438\u0445 Vendor Lock-in<\/strong> \u0438 \u0437\u0430\u043a\u0430\u0437\u043d\u044b\u0445 \u043e\u0431\u0437\u043e\u0440\u043e\u0432 \u043e\u0442 \u0432\u0435\u043d\u0434\u043e\u0440\u043e\u0432!<\/p>\n<details class=\"spoiler\">\n<summary>\u0414\u0438\u0441\u043a\u043b\u0435\u0439\u043c\u0435\u0440 \u043f\u0440\u043e \u043e\u043f\u044b\u0442 \u0430\u0432\u0442\u043e\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0422\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u043c\u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0441 back-end \u043d\u0430 python\/django, python\/flask, python\/asyncio, node\/express \u0438 \u0434\u0430\u0436\u0435 ruby\/rails. \u042f \u0432\u0435\u043b \u043a\u0443\u0440\u0441 \u043f\u043e \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0432 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0435.<\/p>\n<p>\u0420\u0430\u0431\u043e\u0442\u0430\u043b \u0432 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u0445, \u0433\u0434\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043c\u0430\u043d\u0434 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043d\u0430\u0434 \u043e\u0434\u043d\u0438\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u043c. \u0418 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430\u0445, \u0433\u0434\u0435 \u043e\u0434\u043d\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0434\u0435\u043b\u0430\u0435\u0442 \u0442\u043e, \u0447\u0442\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 enterprise. \u0412\u0438\u0434\u0435\u043b \u043c\u0438\u043a\u0440\u043e\u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0438 \u043c\u043e\u043d\u043e\u043b\u0438\u0442\u044b. <\/p>\n<p>\u042d\u0442\u043e\u0442 \u043e\u043f\u044b\u0442 \u0431\u0443\u0434\u0435\u0442 \u0432\u043b\u0438\u044f\u0442\u044c \u043d\u0430 \u0432\u044b\u0431\u043e\u0440 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439, \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f.<\/p>\n<\/div>\n<\/details>\n<p>\u041d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0435\u0441\u043b\u0438 \u043d\u0430\u0448 \u0441\u0442\u0430\u0440\u0442\u0430\u043f \u0431\u0443\u0434\u0435\u0442 \u0443\u0441\u043f\u0435\u0448\u043d\u044b\u043c, \u0442\u043e \u043d\u0430\u043c \u0431\u044b <a href=\"https:\/\/www.dave-bailey.com\/blog\/tech-rebuilds\" rel=\"noopener noreferrer nofollow\">\u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0441 \u043d\u0443\u043b\u044f<\/a> \u0438\u0437-\u0437\u0430 \u043f\u043b\u043e\u0445\u043e\u0433\u043e \u0432\u044b\u0431\u043e\u0440\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439, <a href=\"https:\/\/drpicox.medium.com\/how-much-does-it-really-cost-to-do-a-major-code-refactor-372595b4e89a\" rel=\"noopener noreferrer nofollow\">\u044d\u0442\u043e \u0434\u043e\u0440\u043e\u0433\u043e<\/a>.<\/p>\n<h2>Front-end<\/h2>\n<figure class=\"full-width\"><\/figure>\n<p>\u0412\u0441\u0435 \u0447\u0430\u0449\u0435 \u043f\u0440\u0438\u043d\u044f\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043f\u0440\u043e \u00ab\u043c\u0435\u0442\u0430-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u00bb (front-end meta-frameworks). \u041d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c Angular, Astro, Next.js, Remix, Nuxt, SolidStart, SvelteKit. \u0412\u0441\u0435 \u043e\u043d\u0438 \u0441\u043c\u043e\u0442\u0440\u044f\u0442 \u0434\u0440\u0443\u0433 \u0437\u0430 \u0434\u0440\u0443\u0433\u043e\u043c, \u0432\u043f\u0438\u0442\u044b\u0432\u0430\u044e\u0442 \u0438 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u044e\u0442 \u0438\u0434\u0435\u0438 \u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u0434\u0435\u0442\u0435\u0430\u043b\u044c\u043d\u0435\u0435 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c \u0444\u0438\u0447\u0438, \u0442\u043e \u044f \u0431\u044b \u043f\u043e\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043b <a href=\"https:\/\/www.youtube.com\/watch?v=XaNqdlfVF-M\" rel=\"noopener noreferrer nofollow\"><u>\u0434\u043e\u043a\u043b\u0430\u0434 Addy Osmany c Google I\/O 2024<\/u><\/a> (\u0441\u043b\u0430\u0439\u0434 \u0432\u0437\u044f\u0442 \u043e\u0442\u0442\u0443\u0434\u0430), \u043f\u043b\u044e\u0441 \u0435\u0441\u0442\u044c <a href=\"https:\/\/prismic.io\/blog\/javascript-meta-frameworks-ecosystem\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u0442\u0430\u0442\u044c\u044f \u0432 \u0431\u043b\u043e\u0433\u0435 prismic &#171;Understanding the JavaScript Meta-framework Ecosystem&#187; \u0441 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u043d\u044b\u043c \u043e\u0437\u043e\u0440\u043e\u043c \u043c\u0435\u0442\u0430 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432<\/u><\/a>, \u043d\u0443 \u0438 \u0446\u0435\u043b\u0430\u044f \u043a\u0443\u0447\u0430 \u0441\u0442\u0430\u0442\u0435\u0439 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0439 <a href=\"https:\/\/v2.vuejs.org\/v2\/guide\/comparison.html?redirect=true\" rel=\"noopener noreferrer nofollow\"><u>react vs vue<\/u><\/a>, <a href=\"https:\/\/prismic.io\/blog\/svelte-vs-react\" rel=\"noopener noreferrer nofollow\"><u>svelt vs react<\/u><\/a> \u0438 \u0434\u0440. \u042d\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438\u043c\u0435\u044e\u0442 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0436\u0438\u0437\u043d\u0438, \u043e\u043d\u0438 \u0442\u0435\u0440\u044f\u044e\u0442 \u0441\u0432\u043e\u044e \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441 \u043a\u0430\u0436\u0434\u044b\u043c \u043d\u043e\u0432\u044b\u043c \u0440\u0435\u043b\u0438\u0437\u043e\u043c, \u0442\u0430\u043a \u043a\u0430\u043a \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0431\u0435\u0440\u0443\u0442 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438 \u0438\u0434\u0435\u0438 \u0434\u0440\u0443\u0433 \u0443 \u0434\u0440\u0443\u0433\u0430.<\/p>\n<p>\u0415\u0441\u0442\u044c \u043d\u0435\u043f\u043b\u043e\u0445\u043e\u0435 <a href=\"https:\/\/ossinsight.io\/collections\/javascript-framework\/\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u00ab\u0437\u0432\u0435\u0437\u0434\u043e\u0447\u0435\u043a\u00bb \u043d\u0430 \u0433\u0438\u0442\u0445\u0430\u0431\u0435<\/u><\/a>, \u043e\u043d\u043e \u043a\u043e\u0440\u0440\u0435\u043b\u0438\u0440\u0443\u0435\u0442 \u0441 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c community \u0438 \u0442\u0440\u0435\u043d\u0434\u0430\u043c\u0438 \u0432 \u043c\u0438\u0440\u0435 JavaScript.<\/p>\n<figure class=\"full-width\">\n<div><figcaption>JS framework stars<\/figcaption><\/div>\n<\/figure>\n<p>\u0422\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u0432\u0438\u0434\u0435\u0442\u044c, \u043a\u0430\u043a vue \u0431\u044b\u043b \u0432 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0435\u0435 react \u0438\u043b\u0438 \u043a\u0430\u043a \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0442\u0435\u0440\u044f\u0435\u0442 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u044c jQuery. \u041f\u043e\u043c\u0438\u043c\u043e \u0437\u0432\u0435\u0437\u0434\u043e\u0447\u0435\u043a, <a href=\"https:\/\/survey.stackoverflow.co\/2023\/#section-most-popular-technologies-web-frameworks-and-technologies\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0434\u0430\u043d\u043d\u044b\u043c \u0438\u0437 \u043e\u043f\u0440\u043e\u0441\u0430 stackowerflow<\/u><\/a>, Node.js \u0438 React.js \u2014 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u0432\u0435\u0431-\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0432\u0441\u0435\u043c\u0438 \u0440\u0435\u0441\u043f\u043e\u043d\u0434\u0435\u043d\u0442\u0430\u043c\u0438.<\/p>\n<p>\u0423\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0442\u0440\u0435\u043d\u0434\u044b, \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e <strong>React<\/strong> (\u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u0441\u043b\u0430\u0439\u0434\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u00a0\u043a\u0430\u043a \u043c\u0435\u0442\u0430-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a Next.js) \u043d\u0435 \u0434\u0430\u0435\u0442 \u043a\u043e\u043c\u0443-\u043b\u0438\u0431\u043e \u0441\u0435\u0431\u044f \u043e\u0431\u043e\u0433\u043d\u0430\u0442\u044c.<\/p>\n<figure class=\"full-width\">\n<div><figcaption>next.js + react<\/figcaption><\/div>\n<\/figure>\n<p>\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0432\u0430\u0442\u044c React + Next.js, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e <a href=\"https:\/\/survey.stackoverflow.co\/2023\/#section-most-popular-technologies-web-frameworks-and-technologies\" rel=\"noopener noreferrer nofollow\">\u0441\u0430\u043c\u044b\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0430<\/a>.<\/p>\n<p>\u0421 \u0447\u0435\u0433\u043e \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f? \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0437\u043d\u0430\u0435\u0442\u0435 \u043e React, \u0442\u043e \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u2014 \u0441 <a href=\"https:\/\/react.dev\/learn\" rel=\"noopener noreferrer nofollow\"><u>https:\/\/react.dev\/learn<\/u><\/a>. \u0410 \u0434\u043b\u044f Next.js \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0430\u0447\u0430\u0442\u044c \u0441 <a href=\"https:\/\/nextjs.org\/docs\" rel=\"noopener noreferrer nofollow\"><u>https:\/\/nextjs.org\/docs<\/u><\/a>.\u00a0<\/p>\n<p>\u041d\u043e \u043e\u0434\u043d\u043e\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u043c\u0430\u043b\u043e. \u0414\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f UI \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430.<\/p>\n<h3>UI \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430<\/h3>\n<p>\u0425\u043e\u0440\u043e\u0448\u0438\u0439 <a href=\"https:\/\/prismic.io\/blog\/react-component-libraries#top-react-ui-component-libraries\" rel=\"noopener noreferrer nofollow\">\u043e\u0431\u0437\u043e\u0440 React UI \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0441 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u043c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0435\u0441\u0442\u044c \u0432 \u0431\u043b\u043e\u0433\u0435 prismic<\/a>.<\/p>\n<figure class=\"full-width\">\n<div><figcaption>mui vs antd<\/figcaption><\/div>\n<\/figure>\n<p>\u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043b\u0438\u0434\u0435\u0440\u0430: <a href=\"https:\/\/mui.com\/\" rel=\"noopener noreferrer nofollow\"><u>MUI<\/u><\/a> (Material UI) \u0438 <a href=\"https:\/\/ant.design\/\" rel=\"noopener noreferrer nofollow\"><u>Ant<\/u><\/a>. MUI \u0438\u043c\u0435\u0435\u0442 \u043f\u043b\u0430\u0442\u043d\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u0441 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u043c \u043d\u0430\u0431\u043e\u0440\u043e\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0438\u043c\u0435\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f Drag &amp; Drop, \u0442\u043e \u0434\u043b\u044f <a href=\"https:\/\/mui.com\/x\/react-data-grid\/column-ordering\/\" rel=\"noopener noreferrer nofollow\"><u>MUI \u0432\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f pro \u0432\u0435\u0440\u0441\u0438\u044f<\/u><\/a>, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0432 <a href=\"https:\/\/ant.design\/components\/table#components-table-demo-drag-column-sorting\" rel=\"noopener noreferrer nofollow\"><u>Ant \u044d\u0442\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0431\u0435\u0437 \u043e\u043f\u043b\u0430\u0442\u044b \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445<\/u><\/a>. \u0412 \u0446\u0435\u043b\u043e\u043c, \u0432 Ant \u0447\u0443\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432.<\/p>\n<details class=\"spoiler\">\n<summary>Bootstrap &amp; \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435<\/summary>\n<div class=\"spoiler__content\">\n<p>\u042f \u043d\u0435 \u0441\u0442\u0430\u043b \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c <a href=\"https:\/\/github.com\/twbs\/examples\/tree\/main\/react-nextjs\" rel=\"noopener noreferrer nofollow\"><u>Bootstrap<\/u><\/a>, \u0445\u043e\u0442\u044f \u0443 \u043d\u0435\u0433\u043e \u0438 \u0435\u0441\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0430 \u0431\u0430\u0437\u0435 Next.js. \u0423 \u043d\u0435\u0433\u043e \u043c\u0430\u043b\u043e \u0441\u043b\u043e\u0436\u043d\u044b\u0445 B2B \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u0421\u0442\u043e\u0438\u0442 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0444\u043e\u0440\u043c \u0438 \u0442\u0430\u0431\u043b\u0438\u0446, \u044d\u0442\u043e \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b. \u0418 \u0442\u0443\u0442 \u0441\u043d\u043e\u0432\u0430 \u0432\u044b\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442 Ant \u0441\u043e \u0441\u0432\u043e\u0438\u043c\u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438.<\/p>\n<\/div>\n<\/details>\n<h3>\u0421\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 b2b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432<\/h3>\n<p>\u0427\u0442\u043e\u0431\u044b \u043d\u0430\u043c \u043d\u0435 \u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c Layout, Auth \u0438 Permission \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u043d\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0442\u0443\u043b\u044b \u0434\u043b\u044f realtime \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432\u0437\u044f\u0442\u044c <a href=\"https:\/\/refine.dev\/\" rel=\"noopener noreferrer nofollow\"><u>refine<\/u><\/a>.<\/p>\n<figure class=\"full-width\">\n<div><figcaption>refine<\/figcaption><\/div>\n<\/figure>\n<p>\u042d\u0442\u043e \u043d\u0430\u0431\u043e\u0440 React \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e  B2B-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u042f <a href=\"https:\/\/refine.dev\/tutorial\/essentials\/intro\/\" rel=\"noopener noreferrer nofollow\"><u>\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u043f\u0440\u043e\u0439\u0442\u0438 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 tutorial, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043d\u044f\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044e \u0438 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0432 Refine<\/u><\/a>.<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0423 Refine \u0435\u0441\u0442\u044c <a href=\"https:\/\/github.com\/refinedev\/refine\/tree\/master\/examples\/app-crm\" rel=\"noopener noreferrer nofollow\"><u>\u043d\u0430\u0431\u043e\u0440 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0434\u043b\u044f \u0430\u0434\u043c\u0438\u043d-\u043f\u0430\u043d\u0435\u043b\u0435\u0439 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 ant<\/u><\/a><u> \u0438 mui<\/u>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0441\u0442\u0430\u0440\u0442\u0430. \u042d\u0442\u043e \u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442 \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0441\u0442\u0430\u0440\u0442\u0430 b2b-\u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430.<\/p>\n<h3>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432<\/h3>\n<p>\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u0440\u0430\u0437\u0443 \u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0430\u0448 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c \u0438 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u041d\u043e, \u0435\u0441\u043b\u0438 \u0432\u044b \u0431\u043e\u0440\u0435\u0442\u0435\u0441\u044c \u0437\u0430 \u0440\u0430\u0437\u043c\u0435\u0440 front-end \u0431\u0430\u043d\u0434\u043b\u0430, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u044b \u0438\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0441\u0432\u043e\u0435 \u043d\u0430 vanilla-js. \u042f \u043b\u044e\u0431\u043b\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432 \u0432 \u0441\u0435\u0440\u0432\u0438\u0441, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u0434\u0430\u0442\u044c \u044d\u0442\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0447\u0438\u043a\u0443 \u0438\u043b\u0438 ChatGPT.<\/p>\n<p>\u041a\u0430\u043a\u0438\u0435 \u0435\u0441\u0442\u044c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b? \u0412 <a href=\"https:\/\/nextjs.org\/docs\/pages\/building-your-application\/routing\/internationalization\" rel=\"noopener noreferrer nofollow\"><u>\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 Next.js \u0441\u043e\u0431\u0440\u0430\u043d\u044b \u0432\u0441\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 i18n \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438<\/u><\/a>. \u0418\u0437 \u044d\u0442\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c react-i18next, lingui \u0438 tolgee, \u043e\u043d\u0438 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0441 \u043e\u0431\u043b\u0430\u0447\u043d\u044b\u043c\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432. \u0412\u044b\u0431\u0435\u0440\u0435\u043c react-i18next, \u0442\u043a \u0432 \u043d\u0435\u0439 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c <a href=\"https:\/\/github.com\/i18next\/i18next-http-backend\" rel=\"noopener noreferrer nofollow\"><u>\u043f\u043e\u0434\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432 \u0441 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043b\u043e\u0433\u0438\u043a\u043e\u0439<\/u><\/a> \u0438 \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 refine.<\/p>\n<h2>\u0421\u0431\u043e\u0440\u043a\u0430<\/h2>\n<p>\u041c\u044b \u0432\u044b\u0431\u0440\u0430\u043b\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0432\u0441\u0435 \u044d\u0442\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.\u00a0<\/p>\n<p>\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439, \u0442.\u043a. \u0443 \u043d\u0430\u0441 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u044c\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438 \u0438 \u0443\u043f\u0440\u0430\u0436\u043d\u044f\u0442\u044c\u0441\u044f \u0441 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u043e\u043c \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f\u0445 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e. \u0415\u0441\u043b\u0438 \u043d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u0442\u0430\u043d\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0438\u043c, \u0442\u043e \u043c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u0441\u043c\u043e\u0436\u0435\u043c \u0435\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c.<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0414\u043b\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/yarnpkg.com\/features\/workspaces\" rel=\"noopener noreferrer nofollow\"><u>workspaces<\/u><\/a>. \u0410 \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e\u0431\u0438\u0440\u0430\u043b\u0441\u044f \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/turbo.build\/repo\" rel=\"noopener noreferrer nofollow\"><u>turbo<\/u><\/a>, \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0445\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 Next.js.<\/p>\n<details class=\"spoiler\">\n<summary>\u041f\u0430\u0440\u0430 \u0441\u043b\u043e\u0432 \u043f\u0440\u043e Nx \u0438 Lerna<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0415\u0441\u0442\u044c \u0435\u0449\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0442\u0443\u043b\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043c\u043e\u043d\u043e\u0440\u0438\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c:<\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/github.com\/nrwl\/nx\" rel=\"noopener noreferrer nofollow\"><u>Nx<\/u><\/a> \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0441\u0431\u043e\u0440\u043a\u0438 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f\u043c\u0438,\u00a0 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u043c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u044f\u0437\u044b\u043a\u043e\u0432. \u0418\u043c\u0435\u0435\u0442 \u0433\u0438\u0431\u043a\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043d\u0430 \u0432\u0441\u0435 \u0441\u043b\u0443\u0447\u0430\u0438 \u0436\u0438\u0437\u043d\u0438. \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f. \u042d\u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u0437\u0440\u0435\u043b\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u043c\u043d\u043e\u0433\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439. \u041f\u043e\u043a\u0430 \u043d\u0430\u043c \u0432\u0441\u0435 \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0431\u044b\u0441\u0442\u0440\u0430\u044f \u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0431\u043e\u0440\u043a\u0430 \u0431\u0435\u0437 \u043a\u0430\u043a\u0438-\u043b\u0438\u0431\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u0438\u0439. \u041d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u043a\u0443\u0440\u0441 \u043f\u043e nx, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u043f\u0440\u043e\u0435\u0442\u0430. \u041c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c <a href=\"https:\/\/nx.dev\/concepts\/turbo-and-nx\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 nx vs turbo \u043e\u0442 \u0430\u0432\u0442\u043e\u0440\u043e\u0432 nx<\/u><\/a>. \u0418\u0437 \u043d\u044e\u0430\u043d\u0441\u043e\u0432: <a href=\"https:\/\/github.com\/keystonejs\/keystone\/discussions\/7220#discussioncomment-2231275\" rel=\"noopener noreferrer nofollow\"><u>Nx \u043c\u043e\u0436\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u043c \u0438 \u043d\u0435 \u0432\u0441\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043c\u043e\u0433\u0443\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 Nx \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438<\/u><\/a>. \u0415\u0441\u0442\u044c \u0435\u0449\u0435 \u043f\u0430\u0440\u0430 \u0441\u0441\u044b\u043b\u043e\u043a \u043f\u043e \u0442\u0435\u043c\u0435: <a href=\"https:\/\/blog.stackademic.com\/monorepos-a-comprehensive-guide-to-turbo-repo-and-nx-891692f10b39\" rel=\"noopener noreferrer nofollow\"><u>1<\/u><\/a>, <a href=\"https:\/\/github.com\/amirilovic\/surviving-monorepos?tab=readme-ov-file#why-turborepo-and-not-nx\" rel=\"noopener noreferrer nofollow\"><u>2<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/lerna.js.org\/docs\/lerna-and-nx\" rel=\"noopener noreferrer nofollow\"><u>Lerna<\/u><\/a> \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 Nx, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u0432 NPM, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0439 \u043f\u0430\u043a\u0435\u0442\u043e\u0432, \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f changelog, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0440\u0435\u043b\u0438\u0437\u043e\u0432 \u043d\u0430 GitHub \u0438 \u0442. \u043f.<\/p>\n<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<p>\u0412\u044b\u0434\u0435\u043b\u044f\u0439\u0442\u0435 \u0432\u0441\u0435 \u0432\u043d\u0435\u0448\u043d\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u043f\u0430\u043a\u0435\u0442\u044b. \u0423\u00a0\u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 packages\/<strong>ui<\/strong>\u00a0\u2014 \u0434\u043b\u044f\u00a0\u0432\u0441\u0435\u0445 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 UI \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0438 React \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 packages\/<strong>i18n<\/strong>\u00a0\u2014 \u0434\u043b\u044f\u00a0\u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432. \u041a\u043e\u0434 \u043d\u0430\u0448\u0435\u0433\u043e \u0444\u0440\u043e\u043d\u0442\u0430 \u043c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0432\u00a0apps\/<strong>web<\/strong>.<\/p>\n<h3>\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c?<\/h3>\n<p>\u042f \u0441\u043e\u0431\u0440\u0430\u043b \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0430, \u043d\u0430 \u0431\u0430\u0437\u0435 React, Refine, Antd, i18next, Next.js. \u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u0432 \u0438 \u0434\u0435\u0442\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u044f\u0437\u044b\u043a\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Antd \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0442\u0435\u043c\u044b dark \u0438 light.<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 <a href=\"https:\/\/github.com\/8iq\/nodejs-hackathon-boilerplate-starter-kit\" rel=\"noopener noreferrer nofollow\"><u>github \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438<\/u><\/a><u>\u0438<\/u> \u0438 <a href=\"https:\/\/react-refine-antd-i18n-starter.vercel.app\/\" rel=\"noopener noreferrer nofollow\"><u>\u0434\u0435\u043c\u043e, \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u043e\u043c \u043d\u0430 Vercel<\/u><\/a>.<\/p>\n<p>\u0421\u0442\u0430\u0442\u044c\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u043e\u0431\u044a\u0435\u043c\u043d\u043e\u0439 \u0438 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e front-end, \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u043d\u0430\u0431\u0435\u0440\u0435\u0442 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u044c, \u0442\u043e \u044f \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0443 \u0441\u0431\u043e\u0440\u043a\u0443, \u0438 \u043c\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0442\u043e, \u043a\u0430\u043a\u0438\u0435 \u0435\u0441\u0442\u044c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0434\u043b\u044f back-end.<\/p>\n<p>\u0414\u0430 \u043d\u0430\u0447\u043d\u0435\u0442\u0441\u044f \u0445\u043e\u043b\u0438\u0432\u0430\u0440 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0445. \u041f\u0438\u0448\u0438\u0442\u0435 \u0441\u0432\u043e\u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043c\u044b\u0441\u043b\u0438.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/822001\/\"> https:\/\/habr.com\/ru\/articles\/822001\/<\/a><br \/><\/br><\/br><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-379819","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/379819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=379819"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/379819\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=379819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=379819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=379819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}