{"id":499699,"date":"2026-10-22T08:34:40","date_gmt":"2026-10-22T05:34:40","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=499699"},"modified":"2026-10-22T08:34:40","modified_gmt":"2026-10-22T05:34:40","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=499699","title":{"rendered":"\u042f \u0440\u0430\u0437\u043e\u0447\u0430\u0440\u043e\u0432\u0430\u043b\u0441\u044f \u0432 $mol\u2026"},"content":{"rendered":"<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<blockquote>\n<p>\u041c\u043e\u0436\u0435\u0442 \u043e\u043d \u0438 \u0431\u044b\u0441\u0442\u0440, \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043d\u0443\u043b\u0435\u0432\u0430\u044f. \u041d\u0443 \u0438 \u0435\u0449\u0451 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f, \u0447\u0442\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0443\u0431\u0438\u0432\u0430\u0435\u0442 \u043b\u044e\u0431\u044b\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b. \u0422\u0430\u043a \u0447\u0442\u043e <code>$mol<\/code> \u2014 \u043f\u043e \u0441\u0443\u0442\u0438 \u043e\u0434\u043d\u043e\u0439 \u043d\u043e\u0433\u043e\u0439 \u0432 \u043c\u043e\u0433\u0438\u043b\u0435.<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u042d\u0442\u043e \u043a\u0430\u043a <code>nextjs<\/code>: \u0447\u0442\u043e-\u0442\u043e \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043b\u0435\u0433\u043a\u043e. \u0414\u0435\u043b\u0430\u0435\u0448\u044c \u0448\u0430\u0433 \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443, \u0438 \u0447\u0451\u0442 \u0432 \u043a\u043e\u043b\u0435\u043d\u043a\u0435 \u0434\u044b\u0440\u043a\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f, \u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e.<\/p>\n<\/blockquote>\n<blockquote>\n<p><code>$my_details $mol_view sub \/ &lt;= Pager $mol_paginator value? &lt;=&gt; page? 0 <\/code> <\/p>\n<p>\u041d\u0443 \u0438 \u0432\u043e\u0442 \u044d\u0442\u043e\u0442 \u0448\u043b\u0430\u043a \u043f\u0438\u0441\u0430\u0442\u044c\/\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\/\u0440\u0435\u0432\u044c\u044e\u0432\u0438\u0442\u044c\u2026 <code>value?<\/code> \u043e\u0444\u0438\u0433\u0435\u043d\u043d\u043e. \u0415\u0441\u0442\u044c \u0448\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u0441 \u043c\u043d\u0435\u043c\u043e\u043d\u0438\u043a\u0430\u043c\u0438, \u0443\u0434\u043e\u0431\u043d\u044b\u043c\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u0432\u0442\u043e\u0440\u0443. \u0412\u0435\u0437\u0434\u0435 \u0430\u0432\u0442\u043e\u0440 \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0441\u0442\u0430\u0432\u0438\u0442 \u043f\u0440\u043e\u0431\u0435\u043b\u044b \u0432\u043e\u043a\u0440\u0443\u0433 \u0432\u0441\u0435\u0445 \u0441\u043a\u043e\u0431\u043e\u043a, \u0430 \u0432 \u0421\u0412\u041e\u0401\u041c \u044f\u0437\u044b\u043a\u0435 \u043d\u0435 \u043e\u0441\u0438\u043b\u0438\u043b. \u041a\u041e\u041d\u0421\u0418\u0421\u0422\u0415\u041d\u0422\u041d\u041e\u0421\u0422\u042c.<\/p>\n<\/blockquote>\n<details class=\"spoiler\">\n<summary>\u0428\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u043f\u043e \u0441\u043f\u0435\u0446\u0441\u0438\u043c\u0432\u043e\u043b\u0430\u043c view.tree<\/summary>\n<div class=\"spoiler__content\">\n<ul>\n<li>\n<p><code>-<\/code> \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439, \u0432 \u043a\u043e\u0434 \u043d\u0435 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442<\/p>\n<\/li>\n<li>\n<p><code>$<\/code> \u043f\u0440\u0435\u0444\u0438\u043a\u0441 \u0438\u043c\u0435\u043d\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 <code>$mol_button<\/code><\/p>\n<\/li>\n<li>\n<p><code>\/<\/code> \u043c\u0430\u0441\u0441\u0438\u0432, \u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0442\u0438\u043f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432: <code>sub \/number<\/code><\/p>\n<\/li>\n<li>\n<p><code>*<\/code> \u0441\u043b\u043e\u0432\u0430\u0440\u044c, \u043a\u043b\u044e\u0447\u0438 \u0441\u0442\u0440\u043e\u043a\u0438, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043b\u044e\u0431\u044b\u0435<\/p>\n<\/li>\n<li>\n<p><code>^<\/code> \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0442\u043e\u0433\u043e \u0436\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f, \u0442\u043e \u0435\u0441\u0442\u044c <code>super<\/code><\/p>\n<\/li>\n<li>\n<p><code>\\<\/code> \u0441\u044b\u0440\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430: <code>message \\\u041f\u0440\u0438\u0432\u0435\u0442<\/code><\/p>\n<\/li>\n<li>\n<p><code>@<\/code> \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0443\u0435\u043c\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430: <code>message @ \\\u041f\u0440\u0438\u0432\u0435\u0442<\/code><\/p>\n<\/li>\n<li>\n<p><code>&lt;=<\/code> \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430 \u043e\u0442\u0434\u0430\u0451\u0442\u0441\u044f \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u043c\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443, \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u0435\u043d\u0438\u0435<\/p>\n<\/li>\n<li>\n<p><code>=&gt;<\/code> \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043e\u0442\u0434\u0430\u0451\u0442\u0441\u044f \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0443, \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u0435\u043d\u0438\u0435<\/p>\n<\/li>\n<li>\n<p><code>&lt;=&gt;<\/code> \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u043c \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430, \u0434\u0432\u0443\u0441\u0442\u043e\u0440\u043e\u043d\u043d\u044f\u044f \u0441\u0432\u044f\u0437\u044c<\/p>\n<\/li>\n<li>\n<p><em> \u043f\u043e\u0441\u043b\u0435 \u0438\u043c\u0435\u043d\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430: \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u043a\u043b\u044e\u0447 \u043f\u0435\u0440\u0432\u044b\u043c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c, <\/em><code><em>Task_row<\/em> $mol_view<\/code><\/p>\n<\/li>\n<li>\n<p><code>?<\/code> \u043f\u043e\u0441\u043b\u0435 \u0438\u043c\u0435\u043d\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c, \u043f\u0435\u0440\u0435\u0434\u0430\u0432 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442, <code>value? &lt;=&gt; name? \\<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a: <a href=\"https:\/\/github.com\/hyoo-ru\/mam_mol\/tree\/master\/view#all-special-chars\" rel=\"noopener nofollow\">readme <code>$mol_view<\/code>, \u0440\u0430\u0437\u0434\u0435\u043b All special chars<\/a>.<\/p>\n<\/div>\n<\/details>\n<blockquote>\n<p>\u0411\u044b\u043b \u0443 \u043c\u0435\u043d\u044f \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c <code>weather_widget<\/code>. \u0418 \u0432\u043e\u0442 \u0432 20 \u043c\u0435\u0441\u0442\u0430\u0445 \u043d\u0430 \u043d\u0435\u0433\u043e \u043d\u0430\u043b\u043e\u0436\u0438\u043b\u0438 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u044b. \u0410 \u043f\u043e\u0442\u043e\u043c \u044f \u043f\u0435\u0440\u0435\u0441\u043e\u0431\u0440\u0430\u043b \u044d\u0442\u043e\u0442 widget. \u0427\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0451\u0442 \u0441 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u043d\u0430\u044e\u0442 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438? \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0432\u0441\u0451 \u043f\u043e\u0439\u0434\u0451\u0442 \u043a\u0440\u0430\u0445\u043e\u043c. \u0418 \u0442\u0443\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u0432\u0435 \u043e\u043f\u0446\u0438\u0438: 1. \u0432 20 \u043c\u0435\u0441\u0442\u0430\u0445 \u043e\u0448\u0438\u0431\u043a\u0438; 2. \u043d\u0435\u0442 \u043e\u0448\u0438\u0431\u043e\u043a, \u0437\u0430\u0442\u043e \u0432 \u0440\u0430\u043d\u0442\u0430\u0439\u043c\u0435 \u0432\u0441\u0451 \u043f\u043e\u0435\u0445\u0430\u043b\u043e.<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u0412\u043e\u0442 \u0432\u044b\u0448\u043b\u0430 <code>mobx2<\/code>, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 <code>mobx<\/code>? \u0418 \u043f\u043e\u0442\u043e\u043c \u043e\u0436\u0438\u0434\u0430\u0435\u043c, \u0447\u0442\u043e \u0442\u0430\u043c \u0431\u0443\u0434\u0435\u0442 <code>mobx<\/code>, <code>mobx2<\/code>, <code>mobx3<\/code>, <code>mobx4<\/code>, <code>mobx5<\/code>, \u2026 \u0413\u043b\u0430\u0432\u043d\u043e\u0435, \u0447\u0442\u043e \u0443\u043d\u0438\u0447\u0442\u043e\u0436\u0430\u0435\u0442 \u044d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434, \u2014 \u0438\u043c\u043c\u0443\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u0439. \u041e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043b \u0432\u0435\u0440\u0441\u0438\u044e 1.2.3, \u0432\u0441\u0451, \u043e\u043d\u0430 \u0438\u043c\u043c\u0443\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u0430, \u0435\u0451 \u043d\u0435\u043b\u044c\u0437\u044f \u043e\u0442\u043e\u0437\u0432\u0430\u0442\u044c, \u043f\u043e\u0434\u043c\u0435\u043d\u0438\u0442\u044c \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0445\u043e\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c. \u041a\u0430\u043a \u043c\u043d\u0435 \u0432\u044b\u043a\u0430\u0442\u0438\u0442\u044c \u043f\u0430\u0442\u0447? \u041f\u043e\u0434\u043c\u0435\u043d\u044f\u0442\u044c <code>mobx<\/code>? \u0422\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0441\u043b\u043e\u043c\u0430\u043b \u043b\u044e\u0434\u044f\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u044b.<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0439 \u2014 \u0434\u044b\u0440\u0438\u0449\u0430 \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435, \u043f\u0440\u0438\u0447\u0451\u043c \u0433\u0438\u0433\u0430\u043d\u0442\u0441\u043a\u0430\u044f. \u0418 \u044d\u0442\u043e \u043f\u0440\u0438 \u043d\u0430\u043b\u0438\u0447\u0438\u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u0411\u0415\u0417 \u0424\u0418\u041a\u0421\u0418\u0420\u041e\u0412\u0410\u041d\u0418\u042f \u0412\u0415\u0420\u0421\u0418\u0419. \u0422\u043e \u0435\u0441\u0442\u044c \u0442\u0435\u0431\u0435 \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0443 \u043f\u0440\u0438\u043b\u0435\u0442\u0438\u0442 \u0442\u0440\u043e\u044f\u043d, \u0442\u044b \u0434\u0430\u0436\u0435 \u043d\u0435 \u0443\u0437\u043d\u0430\u0435\u0448\u044c. \u0415\u0441\u043b\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u0438 \u0441\u0431\u043e\u0440\u043a\u0438 \u043d\u0435\u0442, \u044f \u0434\u0430\u0436\u0435 \u043d\u0435 \u0431\u0443\u0434\u0443 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u0438\u0431\u043e \u043e\u043d \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0445\u043e\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0441\u0435\u0440\u044c\u0451\u0437\u043d\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u044f\u0437\u044b\u043a\u043e\u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u044b \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u044f\u0445\/\u0444\u0430\u0439\u043b\u0430\u0445, \u0438 \u0434\u0430\u0436\u0435 \u0432 java, \u0433\u0434\u0435 \u0434\u043b\u0438\u043d\u043d\u044e\u0449\u0438\u0435 \u0438\u043c\u0435\u043d\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0438\u043c\u043f\u043e\u0440\u0442\u044b. \u2026 \u0412 \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u043c \u044d\u043d\u0442\u0435\u0440\u043f\u0440\u0430\u0439\u0437-\u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043f\u0435\u0440\u0435\u0432\u0430\u043b\u0438\u0432\u0430\u0435\u0442 \u0437\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u044b\u0441\u044f\u0447, \u0443\u0434\u0430\u0447\u0438 \u0441\u043b\u043e\u0436\u0438\u0442\u044c \u0432 \u043f\u043b\u043e\u0441\u043a\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a. \u2026 \u0422\u0435\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c namespace \u0432 typescript \u0443\u0445\u043e\u0434\u0438\u0442 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u043e \u0432 legacy support. \u0410 \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 <code>$mol<\/code>? \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0434\u0435\u043b\u0430\u0435\u0442 namespace \u0446\u0435\u043d\u0442\u0440\u043e\u043c \u0441\u0432\u043e\u0435\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b.<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u0421\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 \u0442\u0443\u043f\u043e \u043d\u0435\u0442, \u0432\u0435\u0437\u0434\u0435 \u043d\u0430\u0434\u043e \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d. Zed \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f. \u0425\u043e\u0440\u043e\u0448\u043e, \u0447\u0442\u043e \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043e\u0431 \u044d\u0442\u043e\u043c \u043d\u0438 \u0441\u043b\u043e\u0432\u0430.<\/p>\n<\/blockquote>\n<blockquote>\n<p><code>^<\/code> \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0438\u043b\u0438 \u043e\u0434\u043d\u043e\u0438\u043c\u0451\u043d\u043d\u043e\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f. \u0415\u0441\u043b\u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0438 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u0438\u043c\u044f (<code>value<\/code>), \u0442\u043e \u043f\u0440\u0438\u0432\u0435\u0442, \u0441\u043a\u0440\u044b\u0442\u044b\u0439 \u0431\u0430\u0433.<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u0412\u0435\u0441\u044c \u043e\u043f\u044b\u0442 java-like \u041e\u041e\u041f \u0432\u044b\u0448\u0435\u043b \u0432 \u043e\u043a\u043d\u043e, \u0438 \u043d\u0438\u043a\u043e\u0433\u043e \u0436\u0435 \u043d\u0435 \u043d\u0430\u0443\u0447\u0438\u043b \u043e\u043f\u044b\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0441 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438 override. \u041d\u0443 \u0432\u043e\u0442 \u0431\u044b\u043b <code>$my_custom<\/code>, \u0437\u0430\u0442\u0435\u043c \u044f \u0435\u0433\u043e \u043f\u0435\u0440\u0435\u0441\u043e\u0431\u0440\u0430\u043b, \u0432\u0441\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0438 \u0441\u043b\u043e\u043c\u0430\u043b\u0438\u0441\u044c. \u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0442\u044c \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0442\u044c \u041c\u0415\u041d\u042c\u0428\u0415 \u043e\u0448\u0438\u0431\u043e\u043a \u041c\u0415\u041d\u042c\u0428\u0418\u041c\u0418 \u0443\u0441\u0438\u043b\u0438\u044f\u043c\u0438 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u0430 \u043d\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u0442\u044c \u043e\u0442 \u043d\u0435\u0433\u043e \u043c\u043d\u043e\u0433\u043e \u0441\u043a\u0438\u043b\u043b\u0430 \u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f.<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u041e\u0434\u0438\u043d \u0447\u0435\u043b \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043b \u0441\u0432\u043e\u044e \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0443: \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443, \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u044f\u0437\u044b\u043a \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u0418 \u043e\u043d \u043e\u0434\u0438\u043d \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u043e\u0448\u0438\u0431\u0441\u044f \u0438 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u043b \u043f\u0440\u043e\u0431\u043b\u0435\u043c, \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0435\u0432\u044c\u044e\u0432\u044f\u0442 \u043a\u043e\u043c\u0438\u0442\u0435\u0442\u044b \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443. \u042d\u0442\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u044d\u0442\u043e \u043d\u0435 \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430: \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043d\u0435\u0442 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u043f\u043e\u0438\u0441\u043a\u0430 \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u0435\u0439, \u041d\u0410\u0421\u0422\u041e\u042f\u0429\u0418\u0425 \u0431\u0435\u043d\u0447\u0435\u0439. \u0418 \u0444\u043e\u0440\u043c\u0430\u0442 \u0441\u0441\u044b\u043b\u043e\u043a \u0432 \u0434\u043e\u043a\u0435: \u0437\u0430\u0447\u0435\u043c \u0431\u044b\u043b\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043c\u0438\u0440\u043e\u0432\u043e\u0439 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442?<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u042f \u043f\u0440\u0438\u0432\u0451\u043b \u0434\u0435\u0441\u044f\u0442\u044c \u0442\u0435\u0439\u043a\u043e\u0432. \u0418\u0437 \u043d\u0438\u0445 \u043c\u043e\u0435\u043c\u0443 \u0442\u0435\u0445\u043b\u0438\u0434\u0443 \u0431\u044b\u043b\u043e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u0432\u0443\u0445, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 <code>$mol<\/code>. \u0418 \u044f \u043e\u043f\u0440\u043e\u0441\u0438\u043a \u0441\u0440\u0435\u0434\u0438 \u0441\u0432\u043e\u0438\u0445 \u043a\u043e\u043b\u043b\u0435\u0433 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043b: \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u043d\u043e\u043b\u044c \u0438\u0437 \u0434\u0435\u0441\u044f\u0442\u0438 \u0436\u0435\u043b\u0430\u043d\u0438\u044f \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c. \u0412\u043e\u0442 \u0432\u044b \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0433\u043e\u0442\u043e\u0432\u044b \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u0434\u043e\u0445\u043e\u0434 \u043d\u0430 \u0432\u043e\u0442 \u044d\u0442\u043e? \u0427\u0442\u043e \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u043e \u0432\u0441\u0435\u0439 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 <code>npm<\/code>, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0430\u0432\u0438\u0442 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0431\u0435\u0437 \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043d\u0433\u0430 \u0432\u0435\u0440\u0441\u0438\u0439, \u0438\u043c\u0435\u0435\u0442 \u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e?<\/p>\n<\/blockquote>\n<p>\u0422\u0430\u043a\u0438\u0435 \u201c\u0440\u0430\u0437\u0433\u0440\u043e\u043c\u043d\u044b\u0435\u201d \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u043e\u0442 <code>react<\/code> \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430.<\/p>\n<details class=\"spoiler\">\n<summary>\u0417\u0430\u0431\u0430\u0432\u043d\u044b\u0439 \u0444\u0430\u043a\u0442<\/summary>\n<div class=\"spoiler__content\">\n<p><code>React<\/code> \u0441\u0430\u043c\u044b\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 \u0438\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0438 \u2013 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0445\u0443\u0434\u0448\u0438\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0439 \u0434\u0435\u043d\u044c.<\/p>\n<\/div>\n<\/details>\n<p>\u042f \u0434\u043e\u043b\u0433\u043e \u043d\u0435 \u043c\u043e\u0433 \u043f\u043e\u043d\u044f\u0442\u044c \u0447\u0451 \u0437\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u043e\u0432 \u0442\u0430\u043a\u0430\u044f \u0441\u0442\u0440\u0430\u0448\u043d\u0430\u044f-\u0442\u043e, \u0432\u0441\u0435 \u0442\u0430\u043a \u0431\u043e\u044f\u0442\u0441\u044f, \u0430 \u0432 <code>$mol<\/code> \u044f \u0435\u0451 \u0438 \u043d\u0435 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u043b \u0434\u0430\u0436\u0435 \u0412 \u043e\u0431\u0449\u0435\u043c \u0440\u0435\u0448\u0438\u043b \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u044d\u0442\u0438 \u043a\u0435\u0439\u0441\u044b \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435, \u043f\u043e\u0433\u043d\u0430\u043b\u0438<\/p>\n<p>\u0421\u043e\u0431\u0440\u0430\u043b \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 <a href=\"https:\/\/github.com\/b-on-g\/fragile\" rel=\"noopener nofollow\">b-on-g\/fragile<\/a>, \u0438 \u0434\u0435\u043f\u043b\u043e\u0439 <a href=\"http:\/\/b-on-g.github.io\/fragile\" rel=\"noopener nofollow\">b-on-g.github.io\/fragile<\/a>, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435 \u043d\u0435\u0439\u0440\u043e\u043d\u043a\u043e\u0439. \u042d\u0442\u043e \u043a \u0441\u043b\u043e\u0432\u0443 \u043e \u0442\u043e\u043c, \u0443\u043c\u0435\u0435\u0442 \u043b\u0438 \u0418\u0418 \u0432 <code>$mol<\/code><\/p>\n<h3>\u041a\u0430\u0436\u0434\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u044d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f<\/h3>\n<p>\u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u043d\u0435\u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0439, \u0432\u043e\u0442 \u0438 \u0432\u0441\u044f \u043f\u0440\u0435\u0442\u0435\u043d\u0437\u0438\u044f. \u041a\u043e\u0433\u0434\u0430 \u0432\u044b\u0445\u043e\u0434\u0438\u043b jsx \u0431\u044b\u043b\u0438 \u0442\u0430\u043a\u0438\u0435 \u0436\u0435 \u043f\u0440\u0435\u0434\u044a\u044f\u0432\u044b. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0437\u0430\u0431\u0438\u0432\u0430\u044e\u0442 \u043d\u0430 \u0442\u043e, \u043a\u0430\u043a\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0440\u0435\u0448\u0430\u0435\u0442 view.tree.<\/p>\n<p>View.tree \u0434\u0430\u0451\u0442 \u0433\u0438\u0431\u043a\u043e\u0435 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e:<\/p>\n<blockquote>\n<p><strong>\u041a\u0430\u0436\u0434\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432 view.tree \u044d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f.<\/strong> \u041d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u0432\u0441\u0451 \u0440\u0430\u0437\u043d\u0435\u0441\u0442\u0438 \u043d\u0430 \u043c\u0435\u043b\u043a\u043e\u0433\u0440\u0430\u043d\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0438\u043d\u043e\u0433\u0434\u0430 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u0423\u043f\u0440\u043e\u0449\u0430\u0435\u043c \u0441\u0435\u0431\u0435 \u0436\u0438\u0437\u043d\u044c, \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a\u043e\u0434\u0430<\/p>\n<\/blockquote>\n<p>\u0418\u0437 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u044b\u0448\u0435 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u0434\u0435\u043b\u0430\u0435\u0442 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 js-\u043a\u043b\u0430\u0441\u0441:<\/p>\n<pre><code class=\"javascript\">class $my_details extends $mol_view {page(next) {if (next !== undefined) return nextreturn 0}Pager() {const obj = new this.$.$mol_paginator()obj.value = next =&gt; this.page(next)return obj}sub() {return [this.Pager()]}}$mol_mem($my_details.prototype, 'page')$mol_mem($my_details.prototype, 'Pager')<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper\"><\/span><\/a><\/div><\/pre>\n<p>\u0412\u0441\u0435 \u0435\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u044b \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442\u0441\u044f:<\/p>\n<pre><code class=\"javascript\">$my_app $mol_divdivs \/&lt;= Details $my_detailspage? &lt;=&gt; current_page? 3<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p><code>page<\/code> \u043e\u0442 <code>$my_details<\/code> \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 <code>current_page<\/code> \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<p>\u0421\u0442\u0440\u0435\u043b\u043a\u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043f\u043e\u0442\u043e\u043a\u0430: <code>&lt;=<\/code> \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043e\u0442 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, <code>&lt;=&gt;<\/code> \u0434\u0432\u0443\u0441\u0442\u043e\u0440\u043e\u043d\u043d\u044f\u044f \u0441\u0432\u044f\u0437\u044c, <code>=&gt;<\/code> \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442.<\/p>\n<p>\u0412 <code>$mol<\/code> \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043d\u0438\u0447\u0435\u043c \u043d\u0435 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f: <code>city \\\u041f\u0438\u0442\u0435\u0440<\/code> \u0438 \u0437\u0430\u0432\u043e\u0434\u0438\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e, \u0438 \u043f\u043e\u0434\u043c\u0435\u043d\u044f\u0435\u0442. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u043e\u043f\u0440\u043e\u0441 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c, \u0433\u0434\u0435 \u044d\u0442\u0430 \u0441\u0442\u0440\u043e\u043a\u0430, \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0438\u043b\u0438 \u0443 \u0440\u0435\u0431\u0435\u043d\u043a\u0430.<\/p>\n<p>\u0412\u043e\u043e\u0442 \u0433\u0434\u0435 \u0441\u043e\u0431\u0430\u043a\u0430 \u0437\u0430\u0440\u044b\u0442\u0430, \u043f\u043e\u0433\u043d\u0430\u043b\u0438 \u043b\u043e\u043c\u0430\u0442\u044c<\/p>\n<h3>20 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u043e\u0432: \u043b\u043e\u043c\u0430\u0435\u043c \u0432\u043e\u0441\u0435\u043c\u044c\u044e \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438<\/h3>\n<p>\u0427\u0442\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u043b\u043e\u0432\u0438\u0442\u0441\u044f ? \u0412\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u0430\u043d\u044b, \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0438 \u043d\u0435\u0442, <code>git diff v1 v2 --stat<\/code> \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e <code>base<\/code> \u0438 <code>widget<\/code>. \u0412\u043e\u0442 \u0447\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, v1 \u0441\u043b\u0435\u0432\u0430, v2 \u0441\u043f\u0440\u0430\u0432\u0430: <a href=\"http:\/\/b-on-g.github.io\/fragile\" rel=\"noopener nofollow\">b-on-g.github.io\/fragile<\/a>.<\/p>\n<h4>\u041b\u043e\u0432\u0438\u0442 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440<\/h4>\n<p><strong>\u0412\u043b\u0430\u0434\u0435\u043b\u0435\u0446 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442.<\/strong> \u042d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0430\u044f \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f, \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0432 <code>$mol<\/code>: \u043f\u043b\u044e\u0441 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c \u0438 \u0432\u044b\u043d\u043e\u0441\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0435\u0441\u043b\u0438 \u043d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0438\u043b\u0438 \u201c\u0442\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u201d<\/p>\n<pre><code class=\"javascript\">$bog_fragile_outer_page $mol_viewsub \/&lt;= Weather $bog_fragile_outer_widgetcity \\\u041f\u0438\u0442\u0435\u0440<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p>\u0412 v2 \u0432\u0438\u0434\u0436\u0435\u0442 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043b <code>city<\/code> \u0432 <code>location<\/code>. \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u043b\u0438. \u0421\u0431\u043e\u0440\u043a\u0430:<\/p>\n<pre><code class=\"javascript\">error TS2339: Property 'city' does not exist on type '$bog_fragile_outer_widget'.<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p>\u041f\u0430\u0434\u0430\u0435\u0442, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e view.tree \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e js, \u043d\u043e \u0438 d.ts, \u0430 \u0432 \u043d\u0451\u043c \u043d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e \u0442\u0430\u043a\u0443\u044e \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043b\u0435\u0436\u0438\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0442\u0438\u043f\u0430:<\/p>\n<pre><code class=\"javascript\">type $bog_fragile_outer_widget__city_bog_fragile_outer_page_1 = $mol_type_enforce&lt;string,ReturnType&lt;$bog_fragile_outer_widget['city']&gt;&gt;<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/d7\/81\/fa\/d781fa7b8d3ee7c85651e9a0c6fd7867.png\" alt=\"\u0421\u043b\u0443\u0447\u0430\u0439 outer: v1 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u041f\u0438\u0442\u0435\u0440, v2 \u043d\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f\" width=\"1784\" height=\"882\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/d7\/81\/fa\/d781fa7b8d3ee7c85651e9a0c6fd7867.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/d7\/81\/fa\/d781fa7b8d3ee7c85651e9a0c6fd7867.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0421\u043b\u0443\u0447\u0430\u0439 outer: v1 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u041f\u0438\u0442\u0435\u0440, v2 \u043d\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f<\/figcaption><\/div>\n<\/figure>\n<p>\u0414\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043f\u0440\u0438\u0432\u044f\u0437\u043e\u043a \u0434\u0430\u0434\u0443\u0442 \u0434\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043e\u043a \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438, \u0430 \u043d\u0435 \u0442\u0438\u0445\u0438\u0439 \u0440\u0430\u0437\u0432\u0430\u043b. \u0415\u0441\u043b\u0438 \u0431\u044b <code>city<\/code> \u043f\u043e\u043c\u0435\u043d\u044f\u043b \u0442\u0438\u043f, \u0430 \u043d\u0435 \u0438\u043c\u044f, \u0443\u043f\u0430\u043b\u043e \u0431\u044b \u0442\u0430\u043a \u0436\u0435.<\/p>\n<ul>\n<li>\n<p><code>retype<\/code>: \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u0437\u0430\u0434\u0430\u0451\u0442 <code>limit 5<\/code>, \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0441\u043c\u0435\u043d\u0438\u043b \u0442\u0438\u043f <code>limit<\/code> \u043d\u0430 \u0441\u0442\u0440\u043e\u043a\u0443. TS2416.<\/p>\n<\/li>\n<li>\n<p><code>rename\/ts<\/code>: \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u0432 <code>view.ts<\/code> \u043f\u0438\u0448\u0435\u0442 <code>override heading()<\/code>, \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043b <code>heading<\/code>. TS4113.<\/p>\n<\/li>\n<\/ul>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/6f\/76\/04\/6f7604e9d16c4cfffb0c8b4a413bbe6d.png\" alt=\"\u0421\u043b\u0443\u0447\u0430\u0439 retype: \u0441\u043c\u0435\u043d\u0430 \u0442\u0438\u043f\u0430 \u043b\u043e\u0432\u0438\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c\" width=\"1784\" height=\"834\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/6f\/76\/04\/6f7604e9d16c4cfffb0c8b4a413bbe6d.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/6f\/76\/04\/6f7604e9d16c4cfffb0c8b4a413bbe6d.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0421\u043b\u0443\u0447\u0430\u0439 retype: \u0441\u043c\u0435\u043d\u0430 \u0442\u0438\u043f\u0430 \u043b\u043e\u0432\u0438\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c<\/figcaption><\/div>\n<\/figure>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/6c\/75\/7b\/6c757b31476227aca68a7582328cf9b4.png\" alt=\"\u0421\u043b\u0443\u0447\u0430\u0439 rename\/ts: override \u043b\u043e\u0432\u0438\u0442 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435\" width=\"1784\" height=\"788\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/6c\/75\/7b\/6c757b31476227aca68a7582328cf9b4.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/6c\/75\/7b\/6c757b31476227aca68a7582328cf9b4.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0421\u043b\u0443\u0447\u0430\u0439 rename\/ts: override \u043b\u043e\u0432\u0438\u0442 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435<\/figcaption><\/div>\n<\/figure>\n<h4>\u041b\u043e\u0432\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u0441\u0442<\/h4>\n<ul>\n<li>\n<p><code>rename\/tree<\/code>: \u0442\u043e \u0436\u0435 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435, \u043d\u043e \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u0437\u0430\u0434\u0430\u0451\u0442 <code>heading<\/code> \u0432\u043e view.tree. \u0421\u0431\u043e\u0440\u043a\u0430 \u0437\u0435\u043b\u0451\u043d\u0430\u044f, \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u00ab\u0411\u0430\u0437\u0430\u00bb \u0432\u043c\u0435\u0441\u0442\u043e \u00ab\u041d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u00bb, \u043f\u0430\u0434\u0430\u0435\u0442 \u0442\u0435\u0441\u0442 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430.<\/p>\n<\/li>\n<\/ul>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/89\/7c\/5c\/897c5cbcec68cbdd16511a7fddb8e510.png\" alt=\"\u0421\u043b\u0443\u0447\u0430\u0439 rename\/tree: \u0441\u0431\u043e\u0440\u043a\u0430 \u0437\u0435\u043b\u0451\u043d\u0430\u044f, \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0411\u0430\u0437\u0430\" width=\"1784\" height=\"708\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/89\/7c\/5c\/897c5cbcec68cbdd16511a7fddb8e510.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/89\/7c\/5c\/897c5cbcec68cbdd16511a7fddb8e510.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0421\u043b\u0443\u0447\u0430\u0439 rename\/tree: \u0441\u0431\u043e\u0440\u043a\u0430 \u0437\u0435\u043b\u0451\u043d\u0430\u044f, \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0411\u0430\u0437\u0430<\/figcaption><\/div>\n<\/figure>\n<h4>\u041d\u0435 \u043b\u043e\u0432\u0438\u0442 \u043d\u0438\u0447\u0435\u0433\u043e<\/h4>\n<ul>\n<li>\n<p><code>collide\/child<\/code>: \u0443 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430 \u0441\u0432\u043e\u0451 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <code>icon<\/code> \u043f\u043e\u0434 \u0441\u043a\u0440\u0435\u043f\u043a\u0443, \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0437\u0430\u0432\u0451\u043b <code>icon<\/code> \u043f\u043e\u0434 \u043a\u043e\u043b\u043e\u043a\u043e\u043b\u044c\u0447\u0438\u043a \u0432 \u0448\u0430\u043f\u043a\u0435. \u0421\u043a\u0440\u0435\u043f\u043a\u0430 \u043c\u043e\u043b\u0447\u0430 \u0432\u0441\u0442\u0430\u043b\u0430 \u0432 \u0448\u0430\u043f\u043a\u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f.<\/p>\n<\/li>\n<li>\n<p><code>spread\/plain<\/code>: \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0438\u043b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0440\u0443\u043a\u0430\u043c\u0438, \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0448\u0430\u043f\u043a\u0443. \u0428\u0430\u043f\u043a\u0430 \u043c\u043e\u043b\u0447\u0430 \u043f\u0440\u043e\u043f\u0430\u043b\u0430.<\/p>\n<\/li>\n<\/ul>\n<p>\u0418 \u0434\u0432\u0430 \u0441\u043e\u0441\u0435\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438 \u0442\u0435\u0445 \u0436\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u0445 \u043d\u0435 \u043b\u043e\u043c\u0430\u044e\u0442\u0441\u044f: <code>collide\/named<\/code> (\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u043e <code>attach_icon<\/code>) \u0438 <code>spread\/keep<\/code> (\u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0432\u0437\u044f\u0442\u043e \u0447\u0435\u0440\u0435\u0437 <code>^<\/code>).<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/af\/16\/0d\/af160daa0cc2b005c1f97bc53521350d.png\" alt=\"\u0421\u043b\u0443\u0447\u0430\u0438 collide \u0438 named: \u0441\u043a\u0440\u0435\u043f\u043a\u0430 \u0432 \u0448\u0430\u043f\u043a\u0435 \u043f\u0440\u043e\u0442\u0438\u0432 \u043a\u043e\u043b\u043e\u043a\u043e\u043b\u044c\u0447\u0438\u043a\u0430\" width=\"1784\" height=\"1250\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/af\/16\/0d\/af160daa0cc2b005c1f97bc53521350d.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/af\/16\/0d\/af160daa0cc2b005c1f97bc53521350d.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0421\u043b\u0443\u0447\u0430\u0438 collide \u0438 named: \u0441\u043a\u0440\u0435\u043f\u043a\u0430 \u0432 \u0448\u0430\u043f\u043a\u0435 \u043f\u0440\u043e\u0442\u0438\u0432 \u043a\u043e\u043b\u043e\u043a\u043e\u043b\u044c\u0447\u0438\u043a\u0430<\/figcaption><\/div>\n<\/figure>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/ba\/0b\/6a\/ba0b6a30ee4f3d4c3c8eac756de4cea1.png\" alt=\"\u0421\u043b\u0443\u0447\u0430\u0438 plain \u0438 keep: \u0448\u0430\u043f\u043a\u0430 \u043f\u0440\u043e\u043f\u0430\u043b\u0430 \u043f\u0440\u043e\u0442\u0438\u0432 \u0448\u0430\u043f\u043a\u0430 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435\" width=\"1784\" height=\"1428\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/ba\/0b\/6a\/ba0b6a30ee4f3d4c3c8eac756de4cea1.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/ba\/0b\/6a\/ba0b6a30ee4f3d4c3c8eac756de4cea1.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0421\u043b\u0443\u0447\u0430\u0438 plain \u0438 keep: \u0448\u0430\u043f\u043a\u0430 \u043f\u0440\u043e\u043f\u0430\u043b\u0430 \u043f\u0440\u043e\u0442\u0438\u0432 \u0448\u0430\u043f\u043a\u0430 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435<\/figcaption><\/div>\n<\/figure>\n<h4>\u0410 \u0447\u0442\u043e \u0441 ^<\/h4>\n<p>\u0422\u0443\u0442 \u0441\u043c\u0435\u0448\u0430\u043b\u0438\u0441\u044c \u0434\u0432\u0435 \u0432\u0435\u0449\u0438. <code>^<\/code> \u0431\u0435\u0437 \u0438\u043c\u0435\u043d\u0438 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u0437\u043e\u0432 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f, <code>super<\/code>:<\/p>\n<pre><code class=\"javascript\">$bog_fragile_spread_keep $bog_fragile_spread_basesub \/^&lt;= Extra $mol_viewsub \/ \\\u0415\u0449\u0451<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<pre><code>sub(){return [...(super.sub()), (this.Extra())];}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p>\u041e\u043d \u043d\u0435 \u043f\u0440\u044f\u0447\u0435\u0442 \u0431\u0430\u0433, \u0430 \u043b\u0435\u0447\u0438\u0442 \u00ab\u0437\u0430\u0431\u044b\u0442\u044b\u0439 <code>super<\/code>\u00bb, \u044d\u0442\u043e <code>spread\/keep<\/code> \u0432\u044b\u0448\u0435.<\/p>\n<p>\u0410 \u0432\u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0435 \u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0438\u043c\u0451\u043d \u0441 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u043c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442, \u0438 <code>^<\/code> \u0442\u0443\u0442 \u043d\u0438 \u043f\u0440\u0438 \u0447\u0451\u043c. \u042d\u0442\u043e <code>collide\/child<\/code>.<\/p>\n<h4>\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u043e<\/h4>\n<p>\u0412\u044b\u0445\u043e\u0434\u0438\u0442, \u0447\u0442\u043e \u043f\u0440\u043e view.tree \u043a\u0440\u0438\u0442\u0438\u043a \u043f\u0440\u0430\u0432. \u0412 ts \u0435\u0441\u0442\u044c \u0441\u043b\u043e\u0432\u043e <code>override<\/code>, \u0438 \u0435\u0441\u043b\u0438 \u0435\u0433\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c, \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435 \u043b\u043e\u0432\u0438\u0442\u0441\u044f. \u0412\u043e view.tree \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u00ab\u043e\u0431\u044a\u044f\u0432\u043b\u044f\u044e \u043d\u043e\u0432\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u00bb \u0438 \u00ab\u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435\u00bb \u043f\u043e\u043a\u0430 \u043d\u0435\u0442. \u042f \u0441\u043f\u0440\u043e\u0441\u0438\u043b \u043e\u0431 \u044d\u0442\u043e\u043c \u0414\u043c\u0438\u0442\u0440\u0438\u044f \u041a\u0430\u0440\u043b\u043e\u0432\u0441\u043a\u043e\u0433\u043e, \u0430\u0432\u0442\u043e\u0440\u0430 <code>$mol<\/code>:<\/p>\n<blockquote>\n<p>\u0412\u043e view.tree \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043d\u0435\u0442. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u0430, \u043d\u043e \u0437\u0430 10 \u043b\u0435\u0442 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u0430. \u0414\u0430 \u0438 \u0434\u0430\u0436\u0435 \u0432 ts \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 override \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430, \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043d\u0435 \u0441\u0440\u0430\u0437\u0443, \u0434\u0430 \u0438 \u0432\u0441\u0435 \u043d\u0430 \u043d\u0435\u0451 \u0437\u0430\u0431\u0438\u0432\u0430\u044e\u0442.<\/p>\n<\/blockquote>\n<p>\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u0430 ? \u0421\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0438\u043c\u0451\u043d \u043b\u043e\u0432\u0438\u0442\u0441\u044f \u0442\u0435\u043c, \u0447\u0442\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043f\u043e \u0441\u043c\u044b\u0441\u043b\u0443. \u0423 \u043c\u0435\u043d\u044f \u0432 PR \u0432 piterjs \u043d\u0430 \u0440\u0435\u0432\u044c\u044e \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <code>icon<\/code> \u0432 <code>upload_icon<\/code>, \u0440\u043e\u0432\u043d\u043e \u0440\u0430\u0434\u0438 \u044d\u0442\u043e\u0433\u043e. \u0421\u043b\u0443\u0447\u0430\u0439 <code>collide\/named<\/code> \u0432 \u0440\u0435\u043f\u043e \u043e \u0442\u043e\u043c \u0436\u0435. \u041d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0437\u0430 \u0434\u0435\u0441\u044f\u0442\u044c \u043b\u0435\u0442 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u043e \u043d\u0438 \u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0438\u043c\u0451\u043d, \u043d\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0434 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u043e\u043c.<\/p>\n<p>\u0415\u0441\u0442\u044c \u043b\u0438 \u0441\u043c\u044b\u0441\u043b \u0442\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0434\u0438\u0440\u0430\u0442\u044c\u0441\u044f ? \u041a\u0430\u0436\u0435\u0442\u0441\u044f \u0447\u0442\u043e \u043d\u0435\u0442.<\/p>\n<details class=\"spoiler\">\n<summary>\u041b\u0438\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432<\/summary>\n<div class=\"spoiler__content\">\n<p>\u041c\u044b \u0434\u0443\u043c\u0430\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043b\u0438\u0447\u0430\u043b\u043e\u0441\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0436\u043d\u043e \u043d\u043e\u0432\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0447\u0435\u0440\u0435\u0437 <code>&lt;= title<\/code><\/p>\n<pre><code class=\"javascript\">$my_card $mol_viewsub \/&lt;= Title $mol_viewsub \/ &lt;= title \\\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p>\u0417\u0434\u0435\u0441\u044c <code>&lt;= title \\\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430<\/code> \u0437\u0430\u0432\u043e\u0434\u0438\u0442 \u0432 <code>$my_card<\/code> \u043d\u043e\u0432\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <code>title<\/code>. \u0410 \u0442\u0443\u0442 \u043d\u0438\u0436\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435:<\/p>\n<pre><code class=\"javascript\">$my_card_news $my_cardtitle \\\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p>\u0415\u0441\u043b\u0438 \u0430\u0432\u0442\u043e\u0440 <code>$my_card<\/code> \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u0443\u0435\u0442 <code>title<\/code>, \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u0441\u043a\u0430\u0436\u0435\u0442, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u043d\u0435\u0447\u0435\u0433\u043e. \u0422\u0430\u043a \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0431\u044b \u0442\u043e\u0442 \u0436\u0435 <code>override<\/code>, \u0447\u0442\u043e \u0432 ts, \u0431\u0435\u0437 \u043d\u043e\u0432\u043e\u0433\u043e \u0441\u043f\u0435\u0446\u0441\u0438\u043c\u0432\u043e\u043b\u0430.<\/p>\n<p>\u041c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, \u0432\u043d\u0435\u0441\u0451\u043c \u044d\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435, \u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u044d\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0438 \u0432\u043d\u0435\u0441\u0442\u0438 \u044f\u0441\u043d\u043e\u0441\u0442\u044c \u0432 \u044d\u0442\u043e\u0442 \u0432\u043e\u043f\u0440\u043e\u0441<\/p>\n<\/div>\n<\/details>\n<h4>\u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e<\/h4>\n<p>\u0417\u0430\u0431\u044b\u0442\u044b\u0439 <code>super<\/code> \u0432 \u0435\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0432\u0438\u0434\u0435, \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u043d\u0435 \u0432\u044b\u0437\u0432\u0430\u043b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f, \u0432 <code>$mol<\/code> \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0440\u0435\u0434\u043a\u043e: \u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043d\u0435\u0442 \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u0432\u0440\u043e\u0434\u0435 <code>setup()<\/code> \u0438\u043b\u0438 <code>componentDidMount<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0434\u043e \u043d\u0435 \u0437\u0430\u0431\u044b\u0442\u044c \u0432\u044b\u0437\u0432\u0430\u0442\u044c. \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u044d\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f, \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043b \u0438 \u0432\u0435\u0440\u043d\u0443\u043b \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435.<\/p>\n<p>\u0410 \u043a\u043e\u0433\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443 \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435, \u0435\u0433\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u044e\u0442, \u0430 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442 \u0441\u0431\u043e\u043a\u0443. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0430.<\/p>\n<p><a href=\"https:\/\/github.com\/hyoo-ru\/mam_mol\/tree\/master\/plugin\" rel=\"noopener nofollow\">\u041f\u043b\u0430\u0433\u0438\u043d<\/a> \u044d\u0442\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0431\u0435\u0437 \u0441\u0432\u043e\u0435\u0433\u043e DOM-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435 \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430, \u043a\u0430\u043a \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 \u0432 Angular. \u0422\u0430\u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u0441\u044f \u0433\u043e\u0440\u044f\u0447\u0438\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438, \u0436\u0435\u0441\u0442\u044b, \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438. \u0412\u043e\u0442 \u043a\u0443\u0441\u043e\u043a <code>$mol_search<\/code>:<\/p>\n<pre><code class=\"javascript\">$mol_search $mol_popplugins \/$mol_plugin^&lt;= Hotkey $mol_hotkeykey * escape? &lt;=&gt; clear? null<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p>\u041f\u043b\u0430\u0433\u0438\u043d\u044b \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u043d\u0435 \u0442\u0435\u0440\u044f\u044e\u0442\u0441\u044f, \u0438\u0445 \u0437\u0430\u0431\u0438\u0440\u0430\u0435\u0442 <code>^<\/code>.<\/p>\n<p><a href=\"https:\/\/github.com\/hyoo-ru\/mam_mol\/tree\/master\/ghost\" rel=\"noopener nofollow\">\u041f\u0440\u0438\u0437\u0440\u0430\u043a<\/a>, <code>$mol_ghost<\/code>, \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0434\u0440\u0443\u0433\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438 \u043f\u043e\u0434\u043c\u0435\u0448\u0438\u0432\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u043b\u043e\u0433\u0438\u043a\u0443 \u0432 \u0435\u0433\u043e DOM-\u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u043b\u0438\u0448\u043d\u0435\u0433\u043e \u0443\u0437\u043b\u0430. \u0422\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u043d\u044b <code>$mol_drag<\/code> \u0438 <code>$mol_drop<\/code>: \u043b\u044e\u0431\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0435\u043c\u044b\u043c, \u0435\u0441\u043b\u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0435\u0433\u043e \u0432 <code>Sub<\/code>, \u0438 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e.<\/p>\n<p>\u041f\u0440\u043e \u00ab\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u043e\u043c\u043e\u0433\u0430\u0442\u044c \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0442\u044c \u043c\u0435\u043d\u044c\u0448\u0435 \u043e\u0448\u0438\u0431\u043e\u043a\u00bb \u044f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u0442, \u0433\u0434\u0435 \u0438\u0445 \u0441\u043e\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0449\u0435. \u0412 \u0440\u0435\u0430\u043a\u0442\u0435 \u0435\u0441\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044f \u0441 \u0434\u0432\u0435\u043d\u0430\u0434\u0446\u0430\u0442\u044c\u044e \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f\u043c\u0438 \u00ab\u043d\u0443\u0436\u0435\u043d \u043b\u0438 \u0437\u0434\u0435\u0441\u044c useEffect\u00bb, \u0438 \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043d\u0435 \u0442\u043e\u0442 \u0432\u0430\u0440\u0438\u0430\u043d\u0442. \u042f \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u043b \u0432\u0441\u0435 \u0434\u0432\u0435\u043d\u0430\u0434\u0446\u0430\u0442\u044c \u043d\u0430 <code>$mol<\/code>: <a href=\"https:\/\/habr.com\/ru\/articles\/1056766\/\" rel=\"noopener nofollow\">\u041d\u0443\u0436\u0435\u043d \u043b\u0438 \u0437\u0434\u0435\u0441\u044c useEffect?<\/a> \u0412\u044b\u0431\u0438\u0440\u0430\u0442\u044c \u0442\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0437 \u0434\u0432\u0443\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432. \u041b\u0438\u0431\u043e \u044d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0441\u043e\u0431\u044b\u0442\u0438\u0435. \u041b\u0438\u0431\u043e \u044d\u0442\u043e \u043c\u0435\u043c\u043e\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u044f\u0447\u0435\u0435\u043a, \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0435\u043c \u043e\u043d\u0430 \u0431\u044b\u0442\u044c \u043d\u0435 \u043c\u043e\u0436\u0435\u0442. \u041f\u0435\u0440\u0435\u043f\u0443\u0442\u0430\u0442\u044c \u0438\u0445 \u0441\u043b\u043e\u0436\u043d\u043e.<\/p>\n<h3>npm, \u0432\u0435\u0440\u0441\u0438\u0438 \u0438 \u0442\u0440\u043e\u044f\u043d\u044b<\/h3>\n<h4>\u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/h4>\n<p>\u0421\u0442\u043e\u0438\u0442 \u043f\u0440\u0438\u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 <code>npm<\/code> \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435\u0442, \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0432 \u043d\u043e\u0432\u043e\u043c \u0441\u0431\u043e\u0440\u0449\u0438\u043a\u0435 ( \u043a\u0430\u043a \u0438 \u043c\u043d\u043e\u0433\u043e \u0447\u0435\u0433\u043e \u0435\u0449\u0435, \u0441\u0431\u043e\u0440\u0449\u0438\u043a \u2013 \u0445\u0443\u0434\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c <code>$mol<\/code> ). \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0435\u0441\u0442\u044c, \u043d\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u0430\u044f)<\/p>\n<p>\u0412 \u043d\u043e\u0434\u0435 \u043f\u0430\u043a\u0435\u0442 \u0431\u0435\u0440\u0451\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 <code>$node.anyname<\/code>, \u0432\u043e \u0444\u0440\u043e\u043d\u0442 \u043e\u043d \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043b\u0438\u0431\u043e \u0447\u0435\u0440\u0435\u0437 <code>require<\/code>, \u0433\u0434\u0435 \u0441\u0431\u043e\u0440\u0449\u0438\u043a \u0441\u0442\u0430\u0432\u0438\u0442 \u0435\u0433\u043e \u0441\u0430\u043c \u0431\u0435\u0437 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u0432\u0435\u0440\u0441\u0438\u0438, \u043b\u0438\u0431\u043e \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c <code>.min.js<\/code> \u0438\u0437 <code>node_modules<\/code> c \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c \u0432\u0435\u0440\u0441\u0438\u0438. \u041f\u043e \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 <code>npm<\/code> \u0432 <code>$mol<\/code> \u043d\u0435 \u043d\u0443\u0436\u0435\u043d, \u0432\u0441\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0435\u0441\u0442\u044c \u0432 \u0441\u0430\u043c\u043e\u043c <code>$mol<\/code>. (\u0440\u043e\u0443\u0442\u0435\u0440, \u0441\u0442\u043e\u0440, \u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f, \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f, \u0438 \u043a\u0443\u0447\u0430 \u0432\u0441\u0435\u0433\u043e \u0435\u0449\u0435 )<\/p>\n<details class=\"spoiler\">\n<summary>\u0420\u0430\u0437\u0434\u0435\u043b \u0434\u043e\u043a\u0438 \u043f\u0440\u043e npm-\u043f\u0430\u043a\u0435\u0442\u044b<\/summary>\n<div class=\"spoiler__content\">\n<p>\u041a\u0430\u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u0430\u043a\u0435\u0442, \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u043e \u0432 \u0434\u043e\u043a\u0435: <a href=\"https:\/\/b-on-g.github.io\/smalljs\/#!mol_locale=ru\/section=docs\/page=installation\" rel=\"noopener nofollow\">\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430, \u0440\u0430\u0437\u0434\u0435\u043b \u00ab\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 <code>npm<\/code>-\u043f\u0430\u043a\u0435\u0442\u043e\u0432\u00bb<\/a>.<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/10\/ef\/62\/10ef6242da9ab4d19ada280b1447e822.png\" alt=\"\u0420\u0430\u0437\u0434\u0435\u043b \u0434\u043e\u043a\u0438 \u043f\u0440\u043e npm-\u043f\u0430\u043a\u0435\u0442\u044b\" width=\"1048\" height=\"2718\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/10\/ef\/62\/10ef6242da9ab4d19ada280b1447e822.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/10\/ef\/62\/10ef6242da9ab4d19ada280b1447e822.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0420\u0430\u0437\u0434\u0435\u043b \u0434\u043e\u043a\u0438 \u043f\u0440\u043e npm-\u043f\u0430\u043a\u0435\u0442\u044b<\/figcaption><\/div>\n<\/figure>\n<\/div>\n<\/details>\n<h4>\u0412\u0435\u0440\u0441\u0438\u0438<\/h4>\n<pre><code>mobx \u2192 mobx2 \u2192 mobx3 \u2026<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p>\u041f\u0440\u0430\u0432\u0434\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e <code>$mol<\/code> \u0436\u0438\u0432\u0451\u0442 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0432\u0435\u0442\u043a\u0435. \u041d\u043e\u0432\u0430\u044f \u043c\u0430\u0436\u043e\u0440\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0441 \u043d\u043e\u0432\u044b\u043c \u0438\u043c\u0435\u043d\u0435\u043c, \u0441\u0442\u0430\u0440\u044b\u0439 \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0438 \u043c\u043e\u0436\u0435\u0442 \u0441\u0442\u0430\u0442\u044c \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u043e\u043c \u043a \u043d\u043e\u0432\u043e\u043c\u0443. \u041f\u0430\u0442\u0447 \u043f\u0440\u0438\u0435\u0437\u0436\u0430\u0435\u0442 \u0432\u0441\u0435\u043c \u0441\u0440\u0430\u0437\u0443, \u043f\u0440\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0441\u0431\u043e\u0440\u043a\u0435.<\/p>\n<p>\u0426\u0435\u043d\u0430 \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0442\u043e\u0436\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u0430: \u0440\u044f\u0434\u043e\u043c \u043c\u043e\u0433\u0443\u0442 \u0436\u0438\u0442\u044c <code>$mol_foo<\/code> \u0438 <code>$mol_foo2<\/code>. \u0417\u0430 \u0434\u0435\u0441\u044f\u0442\u044c \u043b\u0435\u0442 \u0432 <code>mol\/<\/code> \u0442\u0430\u043a\u0438\u0445 \u043f\u0430\u0440 \u043d\u0430\u0431\u0440\u0430\u043b\u043e\u0441\u044c \u0432\u043e\u0441\u0435\u043c\u044c: <code>book<\/code> \u0438 <code>book2<\/code>, <code>object<\/code> \u0438 <code>object2<\/code>, <code>range<\/code> \u0438 <code>range2<\/code>, <code>hotkey<\/code>, <code>image<\/code>, <code>syntax<\/code>, <code>crypto<\/code>, \u0430 \u0443 <code>log<\/code> \u0432\u0435\u0440\u0441\u0438\u0439 \u0442\u0440\u0438.<\/p>\n<p>\u0413\u043b\u0430\u0432\u043d\u043e\u0435, \u0447\u0442\u043e \u0434\u0430\u0451\u0442 \u0442\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434: \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u043d\u0435 \u0441\u0442\u0440\u0430\u0448\u043d\u043e. \u041b\u043e\u043c\u0430\u0442\u044c \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u043d\u0443\u0442\u0440\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u043c\u0435\u043d\u0438 \u043d\u0435 \u043f\u0440\u0438\u043d\u044f\u0442\u043e, \u0434\u043b\u044f \u043b\u043e\u043c\u0430\u044e\u0449\u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0434\u0435\u043b\u0430\u0435\u043c \u043d\u043e\u0432\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c, \u0430-\u043b\u044f <code>$mol_book2<\/code>, \u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u043d\u0430 \u043d\u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u0443\u0434\u043e\u0431\u043d\u043e. \u0410 \u0435\u0441\u043b\u0438 \u043a\u0442\u043e-\u0442\u043e \u0432\u0441\u0451 \u0436\u0435 \u0441\u043b\u043e\u043c\u0430\u0435\u0442 \u0441\u0442\u0430\u0440\u043e\u0435 \u0438\u043c\u044f, \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e \u043f\u043e\u0439\u043c\u0430\u0435\u0442 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440, \u0430 \u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c.<\/p>\n<h4>Lock-\u0444\u0430\u0439\u043b<\/h4>\n<p>\u0412 \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043d\u0430 <code>$mol<\/code> <code>npm<\/code> \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u043d\u0435\u0442, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442:<\/p>\n<ul>\n<li>\n<p>\u043d\u0435\u0442 \u0434\u0435\u0440\u0435\u0432\u0430 \u0438\u0437 \u0441\u043e\u0442\u0435\u043d \u0442\u0440\u0430\u043d\u0437\u0438\u0442\u0438\u0432\u043d\u044b\u0445 \u043f\u0430\u043a\u0435\u0442\u043e\u0432, \u0433\u0434\u0435 \u0432\u0435\u0440\u0441\u0438\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u043c\u043e\u0436\u0435\u0442 \u0443\u0435\u0445\u0430\u0442\u044c;<\/p>\n<\/li>\n<li>\n<p>\u0432 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u0443\u0435\u0437\u0436\u0430\u0435\u0442 \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e <code>npm<\/code>-\u043f\u0430\u043a\u0435\u0442\u0430; ( \u0441\u043f\u0430\u0441\u0438\u0431\u043e \u043a\u044d\u043f !)<\/p>\n<\/li>\n<li>\n<p><strong>\u043d\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0430\u0442\u0430\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 npm!<\/strong><\/p>\n<\/li>\n<\/ul>\n<p>\u0417\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u0437 <code>git<\/code> \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u044e\u0442\u0441\u044f. \u041c\u043e\u0436\u043d\u043e \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0435\u0433\u043e\u043c \u0438\u043b\u0438 \u043a\u043e\u043c\u043c\u0438\u0442\u043e\u043c, \u0430 \u0448\u0442\u0430\u0442\u043d\u0430\u044f \u0444\u0438\u043a\u0441\u0430\u0446\u0438\u044f \u043f\u0430\u043a\u043e\u0432 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043d\u043e\u0432\u044b\u043c \u0441\u0431\u043e\u0440\u0449\u0438\u043a\u043e\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c \u0431\u0430\u043d\u0434\u043b \u043a\u0430\u043a <code>npm<\/code>-\u043f\u0430\u043a\u0435\u0442. \u041f\u043e\u0438\u043d\u0442 \u0432\u0430\u043b\u0438\u0434\u043d\u044b\u0439, \u043d\u043e \u0434\u0430\u043b\u0435\u043a\u043e \u043d\u0435 \u0442\u0430\u043a\u043e\u0439 \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u044b\u0439, \u043a\u0430\u043a \u0431\u044b\u043b\u043e \u043e\u0437\u0432\u0443\u0447\u0435\u043d\u043e.<\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u0435\u043d <code>npm<\/code>. \u0412 \u043a\u043e\u0440\u043d\u0435 <code>MAM<\/code> \u0432 <code>.npmrc<\/code> \u0441\u0442\u043e\u0438\u0442 <code>package-lock=false<\/code>, \u0442\u0430\u043a \u0441 <a href=\"https:\/\/github.com\/hyoo-ru\/mam\/commit\/c5a23c5\" rel=\"noopener nofollow\">\u043c\u0430\u0440\u0442\u0430 2019 \u0433\u043e\u0434\u0430<\/a>. \u041a\u043e\u0433\u0434\u0430 \u043a\u043e\u0434 \u043f\u0440\u043e\u0441\u0438\u0442 <code>npm<\/code>-\u043f\u0430\u043a\u0435\u0442, <code>$node_autoinstall<\/code> \u0437\u043e\u0432\u0451\u0442 <code>npm install &lt;\u0438\u043c\u044f&gt;<\/code> \u0431\u0435\u0437 \u0432\u0435\u0440\u0441\u0438\u0438, \u0430 \u0432 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 <code>package.json<\/code> \u0431\u0430\u043d\u0434\u043b\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u0438\u0448\u0435\u0442\u0441\u044f \u043a\u0430\u043a <code>\"*\"<\/code>. \u041f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0438 \u0432 \u0442\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435, \u0432 \u043a\u0430\u043a\u043e\u043c \u0435\u0451 \u0434\u0430\u0451\u0442 <code>package-lock.json<\/code>, \u043f\u0440\u0438 \u0430\u0432\u0442\u043e\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435 \u043d\u0435\u0442.<\/p>\n<p>\u041f\u0440\u043e \u0442\u0440\u043e\u044f\u043d. \u0421 \u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044f 2026 \u0432 \u0442\u043e\u043c \u0436\u0435 <code>.npmrc<\/code> \u0441\u0442\u043e\u0438\u0442 <code>ignore-scripts=true<\/code>, \u0442\u043e \u0435\u0441\u0442\u044c <code>postinstall<\/code> \u043f\u0430\u043a\u0435\u0442\u0430 \u043f\u0440\u0438 \u0430\u0432\u0442\u043e\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435 \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f, \u0430 \u044d\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043f\u0443\u0442\u044c, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0442\u0440\u043e\u044f\u043d \u0438\u0437 <code>npm<\/code> \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0443.<\/p>\n<details class=\"spoiler\">\n<summary>\u041a\u0430\u043a \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044e npm-\u043f\u0430\u043a\u0435\u0442\u0430<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0410 \u0432\u0435\u0440\u0441\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0442\u0430\u043a \u0434\u0435\u043b\u0430\u0435\u0442 <a href=\"https:\/\/github.com\/zerkalica\/yuf\/tree\/master\/fflate\" rel=\"noopener nofollow\"><code>yuf<\/code><\/a>. \u0423 \u043c\u043e\u0434\u0443\u043b\u044f <code>yuf\/fflate<\/code> \u0435\u0441\u0442\u044c \u043f\u0430\u043f\u043a\u0430 <code>.npm<\/code> \u0441 \u043e\u0431\u044b\u0447\u043d\u044b\u043c <code>package.json<\/code>, \u0433\u0434\u0435 \u0432\u0435\u0440\u0441\u0438\u044f <code>fflate<\/code> \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u0430 \u044f\u0432\u043d\u043e. \u041e\u0442\u0442\u0443\u0434\u0430 <code>esbuild<\/code> \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u043f\u0430\u043a\u0435\u0442 \u0432 \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b, <code>deploy<\/code> \u0432 <code>fflate.meta.tree<\/code> \u043a\u043b\u0430\u0434\u0451\u0442 \u0435\u0433\u043e \u0440\u044f\u0434\u043e\u043c \u0441 \u0431\u0430\u043d\u0434\u043b\u043e\u043c, \u0430 \u043a\u043e\u0434 \u0433\u0440\u0443\u0437\u0438\u0442 \u0435\u0433\u043e \u0447\u0435\u0440\u0435\u0437 <code>$mol_import.script<\/code>. \u0412 \u0442\u043e\u0447\u043a\u0443-\u043f\u0430\u043f\u043a\u0443 \u0441\u0431\u043e\u0440\u0449\u0438\u043a <code>MAM<\/code> \u043d\u0435 \u043b\u0435\u0437\u0435\u0442, \u0430\u0432\u0442\u043e\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0442\u0430\u043c \u043d\u0435\u0442, \u044d\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u044b\u0439 <code>npm<\/code> \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u0435\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438, \u0438 \u0432\u0435\u0440\u0441\u0438\u044f \u0432 \u043d\u0451\u043c \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e. Lock-\u0444\u0430\u0439\u043b \u0442\u0430\u043c \u0442\u043e\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e. \u0412\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0438 \u043e\u0449\u0443\u0449\u0430\u0435\u0442\u0441\u044f \u043a\u043e\u0441\u0442\u044b\u043b\u044c\u043d\u043e, \u044d\u0442\u043e \u0442\u043e\u0447\u043d\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u0432 \u043d\u043e\u0432\u043e\u043c \u0441\u0431\u043e\u0440\u0449\u0438\u043a\u0435.<\/p>\n<\/div>\n<\/details>\n<h3>\u041c\u043e\u0434\u0443\u043b\u0438 \u0438 IDE<\/h3>\n<h4>FQN \u0432\u043c\u0435\u0441\u0442\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0438 \u043f\u043b\u043e\u0441\u043a\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/h4>\n<p>\u0412\u043e\u0442 \u0442\u0443\u0442 \u0442\u043e\u0436\u0435 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e\u0435 \u043d\u0435\u0434\u043e\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 <a href=\"https:\/\/mol.hyoo.ru\/#!section=docs\/=nekayw_7ibj8f\" rel=\"noopener nofollow\"><code>$mol<\/code> \u043f\u043e\u043e\u0449\u0440\u044f\u0435\u0442 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0443 \u043f\u043e \u0434\u043e\u043c\u0435\u043d\u0430\u043c<\/a>! \u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442\u0441\u044f \u041d\u0415\u0433\u043b\u0443\u0431\u043e\u043a\u0438\u0435 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438<\/p>\n<p>\u0422\u044b\u0441\u044f\u0447\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u043e\u0434\u043d\u0443 \u043a\u0443\u0447\u0443 \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442. <code>$mol_button_minor<\/code> \u043b\u0435\u0436\u0438\u0442 \u0432 <code>mol\/button\/minor\/<\/code>: \u0434\u043e\u043c\u0435\u043d <code>button<\/code>, \u0432\u043d\u0443\u0442\u0440\u0438 \u0435\u0433\u043e \u0432\u0430\u0440\u0438\u0430\u0446\u0438\u0438. \u0412\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u0441\u0451 \u0438\u043c\u044f \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u0432 \u0431\u0430\u043d\u0434\u043b \u0438 \u0435\u0433\u043e \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u043c. \u0410 \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0435 \u0434\u0435\u0440\u0435\u0432\u043e \u043f\u0430\u043f\u043e\u043a \u0438\u043b\u0438 \u0448\u0438\u0440\u043e\u043a\u043e\u0435 \u043d\u0435\u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0435 \u044d\u0442\u043e \u0448\u0438\u043b\u043e \u043d\u0430 \u043c\u044b\u043b\u043e, \u043d\u0443\u0436\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u043e\u0431\u043e\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u043c \u043f\u043e \u0442\u0435\u043a\u0441\u0442\u0443, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0433\u0443\u043b\u043a\u043e\u0439 \u043f\u043e \u043f\u0430\u043f\u043a\u0430\u043c.<\/p>\n<p>FQN. \u0418\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u043d\u0435\u0442, \u0441\u0431\u043e\u0440\u0449\u0438\u043a \u0441\u0430\u043c \u0441\u0442\u0440\u043e\u0438\u0442 \u0433\u0440\u0430\u0444 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u043f\u043e \u0438\u043c\u0435\u043d\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0441\u0442\u0440\u0435\u0442\u0438\u043b \u0432 \u043a\u043e\u0434\u0435, \u0438 \u043a\u043b\u0430\u0434\u0451\u0442 \u0432 \u0431\u0430\u043d\u0434\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0445. \u0418\u041c\u0415\u041d\u041d\u041e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 <code>$mol<\/code> \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0431\u0430\u043d\u0434\u043b\u044b \u0434\u0430\u0436\u0435 \u0431\u0435\u0437 <code>tree-shaking<\/code> !<\/p>\n<p>\u0412\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0440\u0435\u0437\u0430\u0442\u044c \u043b\u0438\u0448\u043d\u0435\u0435 &#8212; $mol \u043d\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u043c\u0443\u0441\u043e\u0440. \u042d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b, \u0438 \u0432 \u044d\u0442\u043e\u043c \u0432\u0435\u0441\u044c $mol, \u0442\u0430\u043a \u0443 \u043d\u0435\u0433\u043e \u0432\u043e \u0432\u0441\u0451\u043c. \u041a\u0430\u0436\u0434\u043e\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043e \u043d\u0430 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0430\u043d\u0430\u043b\u0438\u0437\u0435, \u0430 \u043d\u0435 \u043d\u0430 \u0442\u043e\u043c, \u0447\u0442\u043e \u201c\u0442\u0430\u043a \u043f\u0440\u0438\u043d\u044f\u0442\u043e\u201d.<\/p>\n<p>\u041a\u0440\u0438\u0442\u0438\u043a \u043f\u0440\u0430\u0432, \u0447\u0442\u043e <code>namespace<\/code> \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u0441\u0442\u0430\u0440\u0435\u043b. \u0424\u043b\u0430\u0433 <code>erasableSyntaxOnly<\/code> \u0438 \u0437\u0430\u043f\u0443\u0441\u043a ts \u0432 \u043d\u043e\u0434\u0435 \u0447\u0435\u0440\u0435\u0437 \u0432\u044b\u0440\u0435\u0437\u0430\u043d\u0438\u0435 \u0442\u0438\u043f\u043e\u0432 \u043d\u0435\u0439\u043c\u0441\u043f\u0435\u0439\u0441\u044b \u0441 \u0440\u0430\u043d\u0442\u0430\u0439\u043c-\u043a\u043e\u0434\u043e\u043c \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442. \u0414\u043b\u044f <code>$mol<\/code> \u044d\u0442\u043e \u043d\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u0442.\u043a. ts \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u0441\u0431\u043e\u0440\u0449\u0438\u043a, \u043d\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0447\u0442\u043e-\u0442\u043e \u0434\u0443\u043c\u0430\u0442\u044c. \u0412 \u043d\u043e\u0432\u043e\u043c \u0441\u0431\u043e\u0440\u0449\u0438\u043a\u0435 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438 \u043d\u0435\u0439\u043c\u0441\u043f\u0435\u0439\u0441\u044b.<\/p>\n<h4>\u041d\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 IDE<\/h4>\n<p>\u0414\u043b\u044f ts \u0432\u0441\u0451 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e view.tree \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 d.ts \u0438 ide \u0432\u0438\u0434\u0438\u0442 \u043e\u0431\u044b\u0447\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b. \u0414\u043b\u044f view.tree \u0435\u0441\u0442\u044c \u044f\u0437\u044b\u043a\u043e\u0432\u043e\u0439 \u0441\u0435\u0440\u0432\u0435\u0440 <code>view-tree-lsp<\/code> \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Zed, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u044f \u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043b) \u041f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0430, \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044e, \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432.<\/p>\n<p>\u0415\u0441\u0442\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0432 VS Code: \u0432 \u043a\u043e\u0440\u043d\u0435 <code>MAM<\/code> \u043b\u0435\u0436\u0438\u0442 \u043f\u0430\u043f\u043a\u0430 <code>.vscode<\/code>, \u0438 \u043f\u0440\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u0441\u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e <code>mam<\/code> VS Code \u0441\u0430\u043c \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0438\u0437 <code>.vscode\/extensions.json<\/code>, \u0442\u0430\u043c \u0436\u0435 \u0441\u043d\u0438\u043f\u043f\u0435\u0442\u044b.<\/p>\n<p>\u0412 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043f\u0440\u043e \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 <a href=\"https:\/\/b-on-g.github.io\/smalljs\/#!mol_locale=ru\/section=docs\/page=tooling\" rel=\"noopener nofollow\">\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/a>, \u0440\u0430\u0437\u0434\u0435\u043b\u044b Zed \u0438 VS Code.<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/5e\/26\/56\/5e2656b9a40acc17178a9826304508ab.png\" alt=\"\u0420\u0430\u0437\u0434\u0435\u043b \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0439 \u0434\u043e\u043a\u0438 \u043f\u0440\u043e Zed \u0438 VS Code\" width=\"1048\" height=\"1814\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/5e\/26\/56\/5e2656b9a40acc17178a9826304508ab.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/5e\/26\/56\/5e2656b9a40acc17178a9826304508ab.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0420\u0430\u0437\u0434\u0435\u043b \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0439 \u0434\u043e\u043a\u0438 \u043f\u0440\u043e Zed \u0438 VS Code<\/figcaption><\/div>\n<\/figure>\n<h3>\u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043e\u0434\u043d\u043e\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u043f\u043b\u043e\u0445\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f, \u0441\u0442\u0440\u0430\u043d\u043d\u044b\u0439 \u0441\u0430\u0439\u0442<\/h3>\n<p>\u0421\u0435\u0439\u0447\u0430\u0441 \u0434\u0432\u0435 \u0434\u043e\u043a\u0438, <a href=\"https:\/\/mol.hyoo.ru\" rel=\"noopener nofollow\">\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f<\/a> \u0438 <a href=\"https:\/\/b-on-g.github.io\/smalljs\/\" rel=\"noopener nofollow\">\u043c\u043e\u044f<\/a> <code>smalljs<\/code>.<\/p>\n<p>\u0415\u0441\u0442\u044c \u0435\u0449\u0435 \u043f\u0440\u0435\u0442\u0435\u043d\u0437\u0438\u044f \u043f\u0440\u043e \u201c\u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0439 \u0432\u0438\u0434 \u0443\u0440\u043b\u0430\u201d, \u0435\u0451 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043d\u0438\u043c\u0430\u044e. \u041d\u0443 \u043d\u0435\u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0439, \u0437\u0430\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u043e, \u0432\u043e\u043d \u043d\u0430 gh pages \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0431\u0435\u0437 \u043a\u043e\u0441\u0442\u044b\u043b\u0435\u0439. \u0410 \u0441\u0435\u043e \u0438 \u043f\u0440\u0435\u0440\u0435\u043d\u0434\u0435\u0440 \u044f \u0441\u0432\u0435\u0440\u0445\u0443 \u043d\u0430\u043a\u0438\u043d\u0443\u043b \u0443\u0436\u0435, \u0434\u043b\u044f \u0431\u043e\u0442\u043e\u0432. \u0427\u0435\u043b\u043e\u0432\u0435\u043a \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u0430 \u0431\u043e\u0442 \u043d\u0443\u0436\u043d\u044b\u0435 \u0435\u043c\u0443 \u0432\u0435\u0449\u0438.<\/p>\n<p>\u0410\u0432\u0442\u043e\u0440 \u0443 <code>$mol<\/code> \u043e\u0434\u0438\u043d, \u0438 bus factor \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0438\u0441\u043a \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430. \u041d\u043e: \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0443 \u0434\u0435\u0441\u044f\u0442\u044c \u043b\u0435\u0442, \u0437\u0430 \u044d\u0442\u043e \u0432\u0440\u0435\u043c\u044f \u0443 \u043d\u0435\u0433\u043e \u0431\u044b\u043b \u043e\u0434\u0438\u043d \u043c\u0430\u0436\u043e\u0440\u043d\u044b\u0439 \u0440\u0435\u043b\u0438\u0437, \u0430 \u043a\u043e\u0434 \u043e\u0442\u043a\u0440\u044b\u0442 \u0438 \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u0435\u043d. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0435\u0433\u043e \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0447\u0442\u043e \u0434\u043b\u044f \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0443\u0440\u043e\u0432\u043d\u044f \u0440\u0435\u0430\u043a\u0442\u0430 \u043d\u0435\u0440\u0435\u0430\u043b\u044c\u043d\u043e. \u0415\u0441\u0442\u044c \u0432\u0442\u043e\u0440\u043e\u0439 \u043c\u0435\u0439\u043d\u0442\u0435\u0439\u043d\u0435\u0440.<\/p>\n<p>\u0410 \u043d\u0430 \u00ab\u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0443\u00bb \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u0432 \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0445 \u043e\u0442\u0432\u0435\u0442\u0438\u043b \u0421\u0435\u0440\u0433\u0435\u0439, \u043c\u0435\u0439\u043d\u0442\u0435\u0439\u043d\u0435\u0440:<\/p>\n<blockquote>\n<p>\u0412 \u044d\u0442\u043e\u043c \u0432\u0435\u0441\u044c \u0441\u043c\u044b\u0441\u043b: \u043d\u0430\u043f\u043b\u0435\u0432\u0430\u0442\u044c \u043d\u0430 \u043a\u0440\u0438\u0432\u044b\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b, \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u043f\u0440\u044f\u043c\u044b\u0435. \u041d\u0430\u0434\u043e \u0441\u0432\u043e\u044e \u043c\u043e\u0434\u0443 \u0434\u0438\u043a\u0442\u043e\u0432\u0430\u0442\u044c.<\/p>\n<\/blockquote>\n<p>\u041f\u0440\u043e \u00ab\u043d\u0435\u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0435 \u0431\u0435\u043d\u0447\u0438\u00bb: \u0432 \u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u043e\u043c \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u0435 <a href=\"https:\/\/github.com\/krausest\/js-framework-benchmark\" rel=\"noopener nofollow\">js-framework-benchmark<\/a> <code>$mol<\/code> \u043d\u0435\u0442. \u0411\u0435\u043d\u0447\u043c\u0430\u0440\u043a \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u043d\u0430 \u0442\u044b\u0441\u044f\u0447\u0438 \u0441\u0442\u0440\u043e\u043a \u0440\u0430\u0437\u043e\u043c, \u0430 \u0432 <code>$mol<\/code> \u043f\u043e\u043b\u043d\u0430\u044f \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430: \u0441\u0442\u0440\u043e\u043a \u0432\u043d\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442. \u041c\u0435\u0442\u0440\u0438\u043a\u0430 \u0441 \u043c\u043e\u0434\u0435\u043b\u044c\u044e \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u043a\u0430\u043a \u0431\u044b \u043d\u0435\u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u0430*. \u041d\u043e \u043f\u043e \u0444\u0430\u043a\u0442\u0443 \u043a\u0430\u043a\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430, \u0437\u0430\u0447\u0435\u043c \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u044b \u0441\u0442\u0440\u043e\u043a, \u0435\u0441\u043b\u0438 \u0432\u0438\u0434\u0435\u0442\u044c \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u043e\u0442 \u0441\u0438\u043b\u044b 50 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 ? \u0417\u0430\u0447\u0435\u043c \u044d\u0442\u043e \u043f\u0438\u0441\u044c\u043a\u043e\u043c\u0435\u0440\u0441\u0442\u0432\u043e \u043a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0431\u0443\u0434\u0435\u0442 \u0441\u0442\u0440\u0430\u0434\u0430\u0442\u044c ? \u0412\u043e\u0442 \u043c\u043e\u0436\u043d\u043e \u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u0432 \u043e\u0431\u0449\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u0436\u0435 \u0432\u0441\u0435 \u0443\u0447\u0438\u043b\u0438, \u0432\u0441\u0435\u0445 \u0437\u0430\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0438\u0441\u043a\u0430\u0442\u044c \u043e\u0431\u0449\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0430 \u043d\u0435 \u0447\u0430\u0441\u0442\u043d\u043e\u0435. \u0418 \u044d\u0442\u043e \u0434\u0430\u0451\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442, \u043c\u044b \u0442\u0430\u043c <a href=\"https:\/\/nin-jin.github.io\/js-framework-benchmark\/webdriver-ts-results\/table.html\" rel=\"noopener nofollow\">\u043e\u0431\u0433\u043e\u043d\u044f\u0435\u043c<\/a> \u0434\u0430\u0436\u0435 vanilla js)<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/21\/cd\/e1\/21cde1e7b1cae660d1fbd9bc6a4269f0.png\" alt=\"\u0424\u043e\u0440\u043a js-framework-benchmark, keyed results\" width=\"2800\" height=\"2154\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/21\/cd\/e1\/21cde1e7b1cae660d1fbd9bc6a4269f0.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/21\/cd\/e1\/21cde1e7b1cae660d1fbd9bc6a4269f0.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0424\u043e\u0440\u043a js-framework-benchmark, keyed results<\/figcaption><\/div>\n<\/figure>\n<h3>\u0418\u0442\u043e\u0433\u043e<\/h3>\n<ul>\n<li>\n<p><strong>\u0412\u0435\u0440\u0441\u0438\u0438.<\/strong> \u0421\u043b\u0430\u0431\u0430\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 <code>npm<\/code>. \u0420\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u043a\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0443\u043a\u0430\u043c\u0438: <code>npm<\/code> \u0441 \u0432\u0435\u0440\u0441\u0438\u0435\u0439 \u0438 lock-\u0444\u0430\u0439\u043b\u043e\u043c \u0432 \u043f\u0430\u043f\u043a\u0435 <code>.npm<\/code>, \u0441\u0432\u043e\u0439 \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e \u0442\u0435\u0433\u0443. \u0428\u0442\u0430\u0442\u043d\u043e \u044d\u0442\u043e \u0437\u0430\u043a\u0440\u043e\u0435\u0442 \u043d\u043e\u0432\u044b\u0439 \u0441\u0431\u043e\u0440\u0449\u0438\u043a.<\/p>\n<\/li>\n<li>\n<p><strong>\u041e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432\u043e view.tree \u043d\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f.<\/strong> \u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435 \u043b\u043e\u0432\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u0441\u0442, \u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0438\u043c\u0451\u043d \u0441 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u043c \u043d\u0435 \u043b\u043e\u0432\u0438\u0442 \u043d\u0438\u0447\u0435\u0433\u043e (<code>rename\/tree<\/code> \u0438 <code>collide<\/code>). \u0417\u0430 \u0434\u0435\u0441\u044f\u0442\u044c \u043b\u0435\u0442 \u044d\u0442\u043e \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u043e, \u0438 \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043f\u0430\u0441\u0430\u0435\u0442 \u043f\u0440\u0438\u0432\u044b\u0447\u043a\u0430 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u043e \u0441\u043c\u044b\u0441\u043b\u0443.<\/p>\n<\/li>\n<\/ul>\n<p>\u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435:<\/p>\n<ul>\n<li>\n<p>\u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u044b \u0443 \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430 \u043b\u043e\u0432\u0438\u0442 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440, \u0434\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043c\u0435\u0441\u0442 \u0434\u0430\u0434\u0443\u0442 \u0434\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043e\u043a, \u0430 \u043d\u0435 \u0442\u0438\u0445\u0438\u0439 \u0440\u0430\u0437\u0432\u0430\u043b;<\/p>\n<\/li>\n<li>\n<p>\u0447\u0443\u0436\u0438\u0445 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u0432 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043d\u0435\u0442, \u0430\u0442\u0430\u043a\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0447\u0435\u0440\u0435\u0437 \u0446\u0435\u043f\u043e\u0447\u043a\u0443 \u043f\u043e\u0441\u0442\u0430\u0432\u043e\u043a \u043d\u0435 \u0447\u0435\u0440\u0435\u0437 \u0447\u0442\u043e;<\/p>\n<\/li>\n<\/ul>\n<p>\u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0438 \u0444\u043e\u0440\u043c\u0430\u0442 \u0441\u0441\u044b\u043b\u043e\u043a \u044d\u0442\u043e \u0432\u043e\u043f\u0440\u043e\u0441 \u043f\u0440\u0438\u0432\u044b\u0447\u043a\u0438, \u0430 \u043d\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442.<\/p>\n<p>\u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439: <a href=\"https:\/\/github.com\/b-on-g\/fragile\" rel=\"noopener nofollow\">b-on-g\/fragile<\/a>, \u0434\u0435\u043f\u043b\u043e\u0439: <a href=\"http:\/\/b-on-g.github.io\/fragile\" rel=\"noopener nofollow\">b-on-g.github.io\/fragile<\/a>.<\/p>\n<p>\u0410 \u0435\u0441\u043b\u0438 \u043f\u043e\u0441\u043b\u0435 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u0437\u0430\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043f\u043e\u0442\u0440\u043e\u0433\u0430\u0442\u044c <code>$mol<\/code> \u0441\u0430\u043c\u043e\u043c\u0443, \u043d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 <a href=\"https:\/\/b-on-g.github.io\/smalljs\/#!section=docs\/page=installation\" rel=\"noopener nofollow\">\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438<\/a>: \u0437\u0430 \u043f\u0430\u0440\u0443 \u043a\u043e\u043c\u0430\u043d\u0434 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0438 \u0434\u0430\u043b\u044c\u0448\u0435 \u0432\u044b \u0441\u0430\u043c\u0438 \u0440\u0435\u0448\u0438\u0442\u0435, \u0440\u0430\u0437\u043e\u0447\u0430\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043d\u0451\u043c \u0438\u043b\u0438 \u043d\u0435\u0442)<\/p>\n<\/div>\n<p>\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\/1097612\/\">https:\/\/habr.com\/ru\/articles\/1097612\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041c\u043e\u0436\u0435\u0442 \u043e\u043d \u0438 \u0431\u044b\u0441\u0442\u0440, \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043d\u0443\u043b\u0435\u0432\u0430\u044f. \u041d\u0443 \u0438 \u0435\u0449\u0451 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f, \u0447\u0442\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0443\u0431\u0438\u0432\u0430\u0435\u0442 \u043b\u044e\u0431\u044b\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b. \u0422\u0430\u043a \u0447\u0442\u043e $mol \u2014 \u043f\u043e \u0441\u0443\u0442\u0438 \u043e\u0434\u043d\u043e\u0439 \u043d\u043e\u0433\u043e\u0439 \u0432 \u043c\u043e\u0433\u0438\u043b\u0435.\u042d\u0442\u043e \u043a\u0430\u043a nextjs: \u0447\u0442\u043e-\u0442\u043e \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043b\u0435\u0433\u043a\u043e. \u0414\u0435\u043b\u0430\u0435\u0448\u044c \u0448\u0430\u0433 \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443, \u0438 \u0447\u0451\u0442 \u0432 \u043a\u043e\u043b\u0435\u043d\u043a\u0435 \u0434\u044b\u0440\u043a\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f, \u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e.$my_details $mol_view sub \/ &lt;= Pager $mol_paginator value? &lt;=&gt; page? 0  \u041d\u0443 \u0438 \u0432\u043e\u0442 \u044d\u0442\u043e\u0442 \u0448\u043b\u0430\u043a \u043f\u0438\u0441\u0430\u0442\u044c\/\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\/\u0440\u0435\u0432\u044c\u044e\u0432\u0438\u0442\u044c\u2026 value? \u043e\u0444\u0438\u0433\u0435\u043d\u043d\u043e. \u0415\u0441\u0442\u044c \u0448\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u0441 \u043c\u043d\u0435\u043c\u043e\u043d\u0438\u043a\u0430\u043c\u0438, \u0443\u0434\u043e\u0431\u043d\u044b\u043c\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u0432\u0442\u043e\u0440\u0443. \u0412\u0435\u0437\u0434\u0435 \u0430\u0432\u0442\u043e\u0440 \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0441\u0442\u0430\u0432\u0438\u0442 \u043f\u0440\u043e\u0431\u0435\u043b\u044b \u0432\u043e\u043a\u0440\u0443\u0433 \u0432\u0441\u0435\u0445 \u0441\u043a\u043e\u0431\u043e\u043a, \u0430 \u0432 \u0421\u0412\u041e\u0401\u041c \u044f\u0437\u044b\u043a\u0435 \u043d\u0435 \u043e\u0441\u0438\u043b\u0438\u043b. \u041a\u041e\u041d\u0421\u0418\u0421\u0422\u0415\u041d\u0422\u041d\u041e\u0421\u0422\u042c.\u0428\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u043f\u043e \u0441\u043f\u0435\u0446\u0441\u0438\u043c\u0432\u043e\u043b\u0430\u043c view.tree- \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439, \u0432 \u043a\u043e\u0434 \u043d\u0435 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442$ \u043f\u0440\u0435\u0444\u0438\u043a\u0441 \u0438\u043c\u0435\u043d\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 $mol_button\/ \u043c\u0430\u0441\u0441\u0438\u0432, \u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0442\u0438\u043f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432: sub \/number* \u0441\u043b\u043e\u0432\u0430\u0440\u044c, \u043a\u043b\u044e\u0447\u0438 \u0441\u0442\u0440\u043e\u043a\u0438, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043b\u044e\u0431\u044b\u0435^ \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0442\u043e\u0433\u043e \u0436\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f, \u0442\u043e \u0435\u0441\u0442\u044c super\\ \u0441\u044b\u0440\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430: message \\\u041f\u0440\u0438\u0432\u0435\u0442@ \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0443\u0435\u043c\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430: message @ \\\u041f\u0440\u0438\u0432\u0435\u0442&lt;= \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430 \u043e\u0442\u0434\u0430\u0451\u0442\u0441\u044f \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u043c\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443, \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u0435\u043d\u0438\u0435=&gt; \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043e\u0442\u0434\u0430\u0451\u0442\u0441\u044f \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0443, \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u0435\u043d\u0438\u0435&lt;=&gt; \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u043c \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430, \u0434\u0432\u0443\u0441\u0442\u043e\u0440\u043e\u043d\u043d\u044f\u044f \u0441\u0432\u044f\u0437\u044c \u043f\u043e\u0441\u043b\u0435 \u0438\u043c\u0435\u043d\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430: \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u043a\u043b\u044e\u0447 \u043f\u0435\u0440\u0432\u044b\u043c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c, Task_row $mol_view? \u043f\u043e\u0441\u043b\u0435 \u0438\u043c\u0435\u043d\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c, \u043f\u0435\u0440\u0435\u0434\u0430\u0432 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442, value? &lt;=&gt; name? \\\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a: readme $mol_view, \u0440\u0430\u0437\u0434\u0435\u043b All special chars.\u0411\u044b\u043b \u0443 \u043c\u0435\u043d\u044f \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c weather_widget. \u0418 \u0432\u043e\u0442 \u0432 20 \u043c\u0435\u0441\u0442\u0430\u0445 \u043d\u0430 \u043d\u0435\u0433\u043e \u043d\u0430\u043b\u043e\u0436\u0438\u043b\u0438 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u044b. \u0410 \u043f\u043e\u0442\u043e\u043c \u044f \u043f\u0435\u0440\u0435\u0441\u043e\u0431\u0440\u0430\u043b \u044d\u0442\u043e\u0442 widget. \u0427\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0451\u0442 \u0441 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u043d\u0430\u044e\u0442 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438? \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0432\u0441\u0451 \u043f\u043e\u0439\u0434\u0451\u0442 \u043a\u0440\u0430\u0445\u043e\u043c. \u0418 \u0442\u0443\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u0432\u0435 \u043e\u043f\u0446\u0438\u0438: 1. \u0432 20 \u043c\u0435\u0441\u0442\u0430\u0445 \u043e\u0448\u0438\u0431\u043a\u0438; 2. \u043d\u0435\u0442 \u043e\u0448\u0438\u0431\u043e\u043a, \u0437\u0430\u0442\u043e \u0432 \u0440\u0430\u043d\u0442\u0430\u0439\u043c\u0435 \u0432\u0441\u0451 \u043f\u043e\u0435\u0445\u0430\u043b\u043e.\u0412\u043e\u0442 \u0432\u044b\u0448\u043b\u0430 mobx2, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 mobx? \u0418 \u043f\u043e\u0442\u043e\u043c \u043e\u0436\u0438\u0434\u0430\u0435\u043c, \u0447\u0442\u043e \u0442\u0430\u043c \u0431\u0443\u0434\u0435\u0442 mobx, mobx2, mobx3, mobx4, mobx5, \u2026 \u0413\u043b\u0430\u0432\u043d\u043e\u0435, \u0447\u0442\u043e \u0443\u043d\u0438\u0447\u0442\u043e\u0436\u0430\u0435\u0442 \u044d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434, \u2014 \u0438\u043c\u043c\u0443\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u0439. \u041e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043b \u0432\u0435\u0440\u0441\u0438\u044e 1.2.3, \u0432\u0441\u0451, \u043e\u043d\u0430 \u0438\u043c\u043c\u0443\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u0430, \u0435\u0451 \u043d\u0435\u043b\u044c\u0437\u044f \u043e\u0442\u043e\u0437\u0432\u0430\u0442\u044c, \u043f\u043e\u0434\u043c\u0435\u043d\u0438\u0442\u044c \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0445\u043e\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c. \u041a\u0430\u043a \u043c\u043d\u0435 \u0432\u044b\u043a\u0430\u0442\u0438\u0442\u044c \u043f\u0430\u0442\u0447? \u041f\u043e\u0434\u043c\u0435\u043d\u044f\u0442\u044c mobx? \u0422\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0441\u043b\u043e\u043c\u0430\u043b \u043b\u044e\u0434\u044f\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u044b.\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0439 \u2014 \u0434\u044b\u0440\u0438\u0449\u0430 \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435, \u043f\u0440\u0438\u0447\u0451\u043c \u0433\u0438\u0433\u0430\u043d\u0442\u0441\u043a\u0430\u044f. \u0418 \u044d\u0442\u043e \u043f\u0440\u0438 \u043d\u0430\u043b\u0438\u0447\u0438\u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u0411\u0415\u0417 \u0424\u0418\u041a\u0421\u0418\u0420\u041e\u0412\u0410\u041d\u0418\u042f \u0412\u0415\u0420\u0421\u0418\u0419. \u0422\u043e \u0435\u0441\u0442\u044c \u0442\u0435\u0431\u0435 \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0443 \u043f\u0440\u0438\u043b\u0435\u0442\u0438\u0442 \u0442\u0440\u043e\u044f\u043d, \u0442\u044b \u0434\u0430\u0436\u0435 \u043d\u0435 \u0443\u0437\u043d\u0430\u0435\u0448\u044c. \u0415\u0441\u043b\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u0438 \u0441\u0431\u043e\u0440\u043a\u0438 \u043d\u0435\u0442, \u044f \u0434\u0430\u0436\u0435 \u043d\u0435 \u0431\u0443\u0434\u0443 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u0438\u0431\u043e \u043e\u043d \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0445\u043e\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0441\u0435\u0440\u044c\u0451\u0437\u043d\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u044f\u0437\u044b\u043a\u043e\u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u044b \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u044f\u0445\/\u0444\u0430\u0439\u043b\u0430\u0445, \u0438 \u0434\u0430\u0436\u0435 \u0432 java, \u0433\u0434\u0435 \u0434\u043b\u0438\u043d\u043d\u044e\u0449\u0438\u0435 \u0438\u043c\u0435\u043d\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0438\u043c\u043f\u043e\u0440\u0442\u044b. \u2026 \u0412 \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u043c \u044d\u043d\u0442\u0435\u0440\u043f\u0440\u0430\u0439\u0437-\u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043f\u0435\u0440\u0435\u0432\u0430\u043b\u0438\u0432\u0430\u0435\u0442 \u0437\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u044b\u0441\u044f\u0447, \u0443\u0434\u0430\u0447\u0438 \u0441\u043b\u043e\u0436\u0438\u0442\u044c \u0432 \u043f\u043b\u043e\u0441\u043a\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a. \u2026 \u0422\u0435\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c namespace \u0432 typescript \u0443\u0445\u043e\u0434\u0438\u0442 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u043e \u0432 legacy support. \u0410 \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 $mol? \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0434\u0435\u043b\u0430\u0435\u0442 namespace \u0446\u0435\u043d\u0442\u0440\u043e\u043c \u0441\u0432\u043e\u0435\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b.\u0421\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 \u0442\u0443\u043f\u043e \u043d\u0435\u0442, \u0432\u0435\u0437\u0434\u0435 \u043d\u0430\u0434\u043e \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d. Zed \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f. \u0425\u043e\u0440\u043e\u0448\u043e, \u0447\u0442\u043e \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043e\u0431 \u044d\u0442\u043e\u043c \u043d\u0438 \u0441\u043b\u043e\u0432\u0430.^ \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0438\u043b\u0438 \u043e\u0434\u043d\u043e\u0438\u043c\u0451\u043d\u043d\u043e\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f. \u0415\u0441\u043b\u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0438 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u0438\u043c\u044f (value), \u0442\u043e \u043f\u0440\u0438\u0432\u0435\u0442, \u0441\u043a\u0440\u044b\u0442\u044b\u0439 \u0431\u0430\u0433.\u0412\u0435\u0441\u044c \u043e\u043f\u044b\u0442 java-like \u041e\u041e\u041f \u0432\u044b\u0448\u0435\u043b \u0432 \u043e\u043a\u043d\u043e, \u0438 \u043d\u0438\u043a\u043e\u0433\u043e \u0436\u0435 \u043d\u0435 \u043d\u0430\u0443\u0447\u0438\u043b \u043e\u043f\u044b\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0441 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438 override. \u041d\u0443 \u0432\u043e\u0442 \u0431\u044b\u043b $my_custom, \u0437\u0430\u0442\u0435\u043c \u044f \u0435\u0433\u043e \u043f\u0435\u0440\u0435\u0441\u043e\u0431\u0440\u0430\u043b, \u0432\u0441\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0438 \u0441\u043b\u043e\u043c\u0430\u043b\u0438\u0441\u044c. \u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0442\u044c \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0442\u044c \u041c\u0415\u041d\u042c\u0428\u0415 \u043e\u0448\u0438\u0431\u043e\u043a \u041c\u0415\u041d\u042c\u0428\u0418\u041c\u0418 \u0443\u0441\u0438\u043b\u0438\u044f\u043c\u0438 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u0430 \u043d\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u0442\u044c \u043e\u0442 \u043d\u0435\u0433\u043e \u043c\u043d\u043e\u0433\u043e \u0441\u043a\u0438\u043b\u043b\u0430 \u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f.\u041e\u0434\u0438\u043d \u0447\u0435\u043b \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043b \u0441\u0432\u043e\u044e \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0443: \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443, \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u044f\u0437\u044b\u043a \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u0418 \u043e\u043d \u043e\u0434\u0438\u043d \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u043e\u0448\u0438\u0431\u0441\u044f \u0438 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u043b \u043f\u0440\u043e\u0431\u043b\u0435\u043c, \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0435\u0432\u044c\u044e\u0432\u044f\u0442 \u043a\u043e\u043c\u0438\u0442\u0435\u0442\u044b \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443. \u042d\u0442\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u044d\u0442\u043e \u043d\u0435 \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430: \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043d\u0435\u0442 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u043f\u043e\u0438\u0441\u043a\u0430 \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u0435\u0439, \u041d\u0410\u0421\u0422\u041e\u042f\u0429\u0418\u0425 \u0431\u0435\u043d\u0447\u0435\u0439. \u0418 \u0444\u043e\u0440\u043c\u0430\u0442 \u0441\u0441\u044b\u043b\u043e\u043a \u0432 \u0434\u043e\u043a\u0435: \u0437\u0430\u0447\u0435\u043c \u0431\u044b\u043b\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043c\u0438\u0440\u043e\u0432\u043e\u0439 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442?\u042f \u043f\u0440\u0438\u0432\u0451\u043b \u0434\u0435\u0441\u044f\u0442\u044c \u0442\u0435\u0439\u043a\u043e\u0432. \u0418\u0437 \u043d\u0438\u0445 \u043c\u043e\u0435\u043c\u0443 \u0442\u0435\u0445\u043b\u0438\u0434\u0443 \u0431\u044b\u043b\u043e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u0432\u0443\u0445, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 $mol. \u0418 \u044f \u043e\u043f\u0440\u043e\u0441\u0438\u043a \u0441\u0440\u0435\u0434\u0438 \u0441\u0432\u043e\u0438\u0445 \u043a\u043e\u043b\u043b\u0435\u0433 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043b: \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u043d\u043e\u043b\u044c \u0438\u0437 \u0434\u0435\u0441\u044f\u0442\u0438 \u0436\u0435\u043b\u0430\u043d\u0438\u044f \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c. \u0412\u043e\u0442 \u0432\u044b \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0433\u043e\u0442\u043e\u0432\u044b \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u0434\u043e\u0445\u043e\u0434 \u043d\u0430 \u0432\u043e\u0442 \u044d\u0442\u043e? \u0427\u0442\u043e \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u043e \u0432\u0441\u0435\u0439 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 npm, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0430\u0432\u0438\u0442 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0431\u0435\u0437 \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043d\u0433\u0430 \u0432\u0435\u0440\u0441\u0438\u0439, \u0438\u043c\u0435\u0435\u0442 \u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e?\u0422\u0430\u043a\u0438\u0435 \u201c\u0440\u0430\u0437\u0433\u0440\u043e\u043c\u043d\u044b\u0435\u201d \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u043e\u0442 react \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430.\u0417\u0430\u0431\u0430\u0432\u043d\u044b\u0439 \u0444\u0430\u043a\u0442React \u0441\u0430\u043c\u044b\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 \u0438\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0438 \u2013 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0445\u0443\u0434\u0448\u0438\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0439 \u0434\u0435\u043d\u044c.\u042f \u0434\u043e\u043b\u0433\u043e \u043d\u0435 \u043c\u043e\u0433 \u043f\u043e\u043d\u044f\u0442\u044c \u0447\u0451 \u0437\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u043e\u0432 \u0442\u0430\u043a\u0430\u044f \u0441\u0442\u0440\u0430\u0448\u043d\u0430\u044f-\u0442\u043e, \u0432\u0441\u0435 \u0442\u0430\u043a \u0431\u043e\u044f\u0442\u0441\u044f, \u0430 \u0432 $mol \u044f \u0435\u0451 \u0438 \u043d\u0435 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u043b \u0434\u0430\u0436\u0435 \u0412 \u043e\u0431\u0449\u0435\u043c \u0440\u0435\u0448\u0438\u043b \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u044d\u0442\u0438 \u043a\u0435\u0439\u0441\u044b \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435, \u043f\u043e\u0433\u043d\u0430\u043b\u0438\u0421\u043e\u0431\u0440\u0430\u043b \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 b-on-g\/fragile, \u0438 \u0434\u0435\u043f\u043b\u043e\u0439 b-on-g.github.io\/fragile, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435 \u043d\u0435\u0439\u0440\u043e\u043d\u043a\u043e\u0439. \u042d\u0442\u043e \u043a \u0441\u043b\u043e\u0432\u0443 \u043e \u0442\u043e\u043c, \u0443\u043c\u0435\u0435\u0442 \u043b\u0438 \u0418\u0418 \u0432 $mol\u041a\u0430\u0436\u0434\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u044d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f\u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u043d\u0435\u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0439, \u0432\u043e\u0442 \u0438 \u0432\u0441\u044f \u043f\u0440\u0435\u0442\u0435\u043d\u0437\u0438\u044f. \u041a\u043e\u0433\u0434\u0430 \u0432\u044b\u0445\u043e\u0434\u0438\u043b jsx \u0431\u044b\u043b\u0438 \u0442\u0430\u043a\u0438\u0435 \u0436\u0435 \u043f\u0440\u0435\u0434\u044a\u044f\u0432\u044b. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0437\u0430\u0431\u0438\u0432\u0430\u044e\u0442 \u043d\u0430 \u0442\u043e, \u043a\u0430\u043a\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0440\u0435\u0448\u0430\u0435\u0442 view.tree.View.tree \u0434\u0430\u0451\u0442 \u0433\u0438\u0431\u043a\u043e\u0435 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e:\u041a\u0430\u0436\u0434\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432 view.tree \u044d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f. \u041d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u0432\u0441\u0451 \u0440\u0430\u0437\u043d\u0435\u0441\u0442\u0438 \u043d\u0430 \u043c\u0435\u043b\u043a\u043e\u0433\u0440\u0430\u043d\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0438\u043d\u043e\u0433\u0434\u0430 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u0423\u043f\u0440\u043e\u0449\u0430\u0435\u043c \u0441\u0435\u0431\u0435 \u0436\u0438\u0437\u043d\u044c, \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a\u043e\u0434\u0430\u0418\u0437 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u044b\u0448\u0435 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u0434\u0435\u043b\u0430\u0435\u0442 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 js-\u043a\u043b\u0430\u0441\u0441:class $my_details extends $mol_view {page(next) {if (next !== undefined) return nextreturn 0}Pager() {const obj = new this.$.$mol_paginator()obj.value = next =&gt; this.page(next)return obj}sub() {return [this.Pager()]}}$mol_mem($my_details.prototype, &#8216;page&#8217;)$mol_mem($my_details.prototype, &#8216;Pager&#8217;)\u0412\u0441\u0435 \u0435\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u044b \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442\u0441\u044f:$my_app $mol_divdivs \/&lt;= Details $my_detailspage? &lt;=&gt; current_page? 3page \u043e\u0442 $my_details \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 current_page \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.\u0421\u0442\u0440\u0435\u043b\u043a\u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043f\u043e\u0442\u043e\u043a\u0430: &lt;= \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043e\u0442 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, &lt;=&gt; \u0434\u0432\u0443\u0441\u0442\u043e\u0440\u043e\u043d\u043d\u044f\u044f \u0441\u0432\u044f\u0437\u044c, =&gt; \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442.\u0412 $mol \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043d\u0438\u0447\u0435\u043c \u043d\u0435 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f: city \\\u041f\u0438\u0442\u0435\u0440 \u0438 \u0437\u0430\u0432\u043e\u0434\u0438\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e, \u0438 \u043f\u043e\u0434\u043c\u0435\u043d\u044f\u0435\u0442. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u043e\u043f\u0440\u043e\u0441 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c, \u0433\u0434\u0435 \u044d\u0442\u0430 \u0441\u0442\u0440\u043e\u043a\u0430, \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0438\u043b\u0438 \u0443 \u0440\u0435\u0431\u0435\u043d\u043a\u0430.\u0412\u043e\u043e\u0442 \u0433\u0434\u0435 \u0441\u043e\u0431\u0430\u043a\u0430 \u0437\u0430\u0440\u044b\u0442\u0430, \u043f\u043e\u0433\u043d\u0430\u043b\u0438 \u043b\u043e\u043c\u0430\u0442\u044c20 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u043e\u0432: \u043b\u043e\u043c\u0430\u0435\u043c \u0432\u043e\u0441\u0435\u043c\u044c\u044e \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438\u0427\u0442\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u043b\u043e\u0432\u0438\u0442\u0441\u044f ? \u0412\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u0430\u043d\u044b, \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0438 \u043d\u0435\u0442, git diff v1 v2 &#8212;stat \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e base \u0438 widget. \u0412\u043e\u0442 \u0447\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, v1 \u0441\u043b\u0435\u0432\u0430, v2 \u0441\u043f\u0440\u0430\u0432\u0430: b-on-g.github.io\/fragile.\u041b\u043e\u0432\u0438\u0442 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0412\u043b\u0430\u0434\u0435\u043b\u0435\u0446 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u042d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0430\u044f \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f, \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0432 $mol: \u043f\u043b\u044e\u0441 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c \u0438 \u0432\u044b\u043d\u043e\u0441\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0435\u0441\u043b\u0438 \u043d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0438\u043b\u0438 \u201c\u0442\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u201d$bog_fragile_outer_page $mol_viewsub \/&lt;= Weather $bog_fragile_outer_widgetcity \\\u041f\u0438\u0442\u0435\u0440\u0412 v2 \u0432\u0438\u0434\u0436\u0435\u0442 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043b city \u0432 location. \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u043b\u0438. \u0421\u0431\u043e\u0440\u043a\u0430:error TS2339: Property &#8216;city&#8217; does not exist on type &#8216;$bog_fragile_outer_widget&#8217;.\u041f\u0430\u0434\u0430\u0435\u0442, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e view.tree \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e js, \u043d\u043e \u0438 d.ts, \u0430 \u0432 \u043d\u0451\u043c \u043d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e \u0442\u0430\u043a\u0443\u044e \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043b\u0435\u0436\u0438\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0442\u0438\u043f\u0430:type $bog_fragile_outer_widget__city_bog_fragile_outer_page_1 = $mol_type_enforce&lt;string,ReturnType&lt;$bog_fragile_outer_widget[&#8216;city&#8217;]&gt;&gt;\u0421\u043b\u0443\u0447\u0430\u0439 outer: v1 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u041f\u0438\u0442\u0435\u0440, v2 \u043d\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f\u0414\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043f\u0440\u0438\u0432\u044f\u0437\u043e\u043a \u0434\u0430\u0434\u0443\u0442 \u0434\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043e\u043a \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438, \u0430 \u043d\u0435 \u0442\u0438\u0445\u0438\u0439 \u0440\u0430\u0437\u0432\u0430\u043b. \u0415\u0441\u043b\u0438 \u0431\u044b city \u043f\u043e\u043c\u0435\u043d\u044f\u043b \u0442\u0438\u043f, \u0430 \u043d\u0435 \u0438\u043c\u044f, \u0443\u043f\u0430\u043b\u043e \u0431\u044b \u0442\u0430\u043a \u0436\u0435.retype: \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u0437\u0430\u0434\u0430\u0451\u0442 limit 5, \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0441\u043c\u0435\u043d\u0438\u043b \u0442\u0438\u043f limit \u043d\u0430 \u0441\u0442\u0440\u043e\u043a\u0443. TS2416.rename\/ts: \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u0432 view.ts \u043f\u0438\u0448\u0435\u0442 override heading(), \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043b heading. TS4113.\u0421\u043b\u0443\u0447\u0430\u0439 retype: \u0441\u043c\u0435\u043d\u0430 \u0442\u0438\u043f\u0430 \u043b\u043e\u0432\u0438\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c\u0421\u043b\u0443\u0447\u0430\u0439 rename\/ts: override \u043b\u043e\u0432\u0438\u0442 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435\u041b\u043e\u0432\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u0441\u0442rename\/tree: \u0442\u043e \u0436\u0435 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435, \u043d\u043e \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u0437\u0430\u0434\u0430\u0451\u0442 heading \u0432\u043e view.tree. \u0421\u0431\u043e\u0440\u043a\u0430 \u0437\u0435\u043b\u0451\u043d\u0430\u044f, \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u00ab\u0411\u0430\u0437\u0430\u00bb \u0432\u043c\u0435\u0441\u0442\u043e \u00ab\u041d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u00bb, \u043f\u0430\u0434\u0430\u0435\u0442 \u0442\u0435\u0441\u0442 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430.\u0421\u043b\u0443\u0447\u0430\u0439 rename\/tree: \u0441\u0431\u043e\u0440\u043a\u0430 \u0437\u0435\u043b\u0451\u043d\u0430\u044f, \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0411\u0430\u0437\u0430\u041d\u0435 \u043b\u043e\u0432\u0438\u0442 \u043d\u0438\u0447\u0435\u0433\u043ecollide\/child: \u0443 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430 \u0441\u0432\u043e\u0451 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e icon \u043f\u043e\u0434 \u0441\u043a\u0440\u0435\u043f\u043a\u0443, \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0437\u0430\u0432\u0451\u043b icon \u043f\u043e\u0434 \u043a\u043e\u043b\u043e\u043a\u043e\u043b\u044c\u0447\u0438\u043a \u0432 \u0448\u0430\u043f\u043a\u0435. \u0421\u043a\u0440\u0435\u043f\u043a\u0430 \u043c\u043e\u043b\u0447\u0430 \u0432\u0441\u0442\u0430\u043b\u0430 \u0432 \u0448\u0430\u043f\u043a\u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f.spread\/plain: \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0438\u043b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0440\u0443\u043a\u0430\u043c\u0438, \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0448\u0430\u043f\u043a\u0443. \u0428\u0430\u043f\u043a\u0430 \u043c\u043e\u043b\u0447\u0430 \u043f\u0440\u043e\u043f\u0430\u043b\u0430.\u0418 \u0434\u0432\u0430 \u0441\u043e\u0441\u0435\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438 \u0442\u0435\u0445 \u0436\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u0445 \u043d\u0435 \u043b\u043e\u043c\u0430\u044e\u0442\u0441\u044f: collide\/named (\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u043e attach_icon) \u0438 spread\/keep (\u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0432\u0437\u044f\u0442\u043e \u0447\u0435\u0440\u0435\u0437 ^).\u0421\u043b\u0443\u0447\u0430\u0438 collide \u0438 named: \u0441\u043a\u0440\u0435\u043f\u043a\u0430 \u0432 \u0448\u0430\u043f\u043a\u0435 \u043f\u0440\u043e\u0442\u0438\u0432 \u043a\u043e\u043b\u043e\u043a\u043e\u043b\u044c\u0447\u0438\u043a\u0430\u0421\u043b\u0443\u0447\u0430\u0438 plain \u0438 keep: \u0448\u0430\u043f\u043a\u0430 \u043f\u0440\u043e\u043f\u0430\u043b\u0430 \u043f\u0440\u043e\u0442\u0438\u0432 \u0448\u0430\u043f\u043a\u0430 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435\u0410 \u0447\u0442\u043e \u0441 ^\u0422\u0443\u0442 \u0441\u043c\u0435\u0448\u0430\u043b\u0438\u0441\u044c \u0434\u0432\u0435 \u0432\u0435\u0449\u0438. ^ \u0431\u0435\u0437 \u0438\u043c\u0435\u043d\u0438 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u0437\u043e\u0432 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f, super:$bog_fragile_spread_keep $bog_fragile_spread_basesub \/^&lt;= Extra $mol_viewsub \/ \\\u0415\u0449\u0451sub(){return [&#8230;(super.sub()), (this.Extra())];}\u041e\u043d \u043d\u0435 \u043f\u0440\u044f\u0447\u0435\u0442 \u0431\u0430\u0433, \u0430 \u043b\u0435\u0447\u0438\u0442 \u00ab\u0437\u0430\u0431\u044b\u0442\u044b\u0439 super\u00bb, \u044d\u0442\u043e spread\/keep \u0432\u044b\u0448\u0435.\u0410 \u0432\u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0435 \u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0438\u043c\u0451\u043d \u0441 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u043c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442, \u0438 ^ \u0442\u0443\u0442 \u043d\u0438 \u043f\u0440\u0438 \u0447\u0451\u043c. \u042d\u0442\u043e collide\/child.\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u043e\u0412\u044b\u0445\u043e\u0434\u0438\u0442, \u0447\u0442\u043e \u043f\u0440\u043e view.tree \u043a\u0440\u0438\u0442\u0438\u043a \u043f\u0440\u0430\u0432. \u0412 ts \u0435\u0441\u0442\u044c \u0441\u043b\u043e\u0432\u043e override, \u0438 \u0435\u0441\u043b\u0438 \u0435\u0433\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c, \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435 \u043b\u043e\u0432\u0438\u0442\u0441\u044f. \u0412\u043e view.tree \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u00ab\u043e\u0431\u044a\u044f\u0432\u043b\u044f\u044e \u043d\u043e\u0432\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u00bb \u0438 \u00ab\u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435\u00bb \u043f\u043e\u043a\u0430 \u043d\u0435\u0442. \u042f \u0441\u043f\u0440\u043e\u0441\u0438\u043b \u043e\u0431 \u044d\u0442\u043e\u043c \u0414\u043c\u0438\u0442\u0440\u0438\u044f \u041a\u0430\u0440\u043b\u043e\u0432\u0441\u043a\u043e\u0433\u043e, \u0430\u0432\u0442\u043e\u0440\u0430 $mol:\u0412\u043e view.tree \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043d\u0435\u0442. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u0430, \u043d\u043e \u0437\u0430 10 \u043b\u0435\u0442 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u0430. \u0414\u0430 \u0438 \u0434\u0430\u0436\u0435 \u0432 ts \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 override \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430, \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043d\u0435 \u0441\u0440\u0430\u0437\u0443, \u0434\u0430 \u0438 \u0432\u0441\u0435 \u043d\u0430 \u043d\u0435\u0451 \u0437\u0430\u0431\u0438\u0432\u0430\u044e\u0442.\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u0430 ? \u0421\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0438\u043c\u0451\u043d \u043b\u043e\u0432\u0438\u0442\u0441\u044f \u0442\u0435\u043c, \u0447\u0442\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043f\u043e \u0441\u043c\u044b\u0441\u043b\u0443. \u0423 \u043c\u0435\u043d\u044f \u0432 PR \u0432 piterjs \u043d\u0430 \u0440\u0435\u0432\u044c\u044e \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e icon \u0432 upload_icon, \u0440\u043e\u0432\u043d\u043e \u0440\u0430\u0434\u0438 \u044d\u0442\u043e\u0433\u043e. \u0421\u043b\u0443\u0447\u0430\u0439 collide\/named \u0432 \u0440\u0435\u043f\u043e \u043e \u0442\u043e\u043c \u0436\u0435. \u041d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0437\u0430 \u0434\u0435\u0441\u044f\u0442\u044c \u043b\u0435\u0442 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u044f\u043b\u043e \u043d\u0438 \u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0438\u043c\u0451\u043d, \u043d\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0434 \u043e\u0432\u0435\u0440\u0440\u0430\u0439\u0434\u043e\u043c.\u0415\u0441\u0442\u044c \u043b\u0438 \u0441\u043c\u044b\u0441\u043b \u0442\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0434\u0438\u0440\u0430\u0442\u044c\u0441\u044f ? \u041a\u0430\u0436\u0435\u0442\u0441\u044f \u0447\u0442\u043e \u043d\u0435\u0442.\u041b\u0438\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u041c\u044b \u0434\u0443\u043c\u0430\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043b\u0438\u0447\u0430\u043b\u043e\u0441\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0436\u043d\u043e \u043d\u043e\u0432\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0447\u0435\u0440\u0435\u0437 &lt;= title$my_card $mol_viewsub \/&lt;= Title $mol_viewsub \/ &lt;= title \\\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u0417\u0434\u0435\u0441\u044c &lt;= title \\\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0437\u0430\u0432\u043e\u0434\u0438\u0442 \u0432 $my_card \u043d\u043e\u0432\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e title. \u0410 \u0442\u0443\u0442 \u043d\u0438\u0436\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435:$my_card_news $my_cardtitle \\\u041d\u043e\u0432\u043e\u0441\u0442\u0438\u0415\u0441\u043b\u0438 \u0430\u0432\u0442\u043e\u0440 $my_card \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u0443\u0435\u0442 title, \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u0441\u043a\u0430\u0436\u0435\u0442, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u043d\u0435\u0447\u0435\u0433\u043e. \u0422\u0430\u043a \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0431\u044b \u0442\u043e\u0442 \u0436\u0435 override, \u0447\u0442\u043e \u0432 ts, \u0431\u0435\u0437 \u043d\u043e\u0432\u043e\u0433\u043e \u0441\u043f\u0435\u0446\u0441\u0438\u043c\u0432\u043e\u043b\u0430.\u041c\u043e\u0436\u0435\u0442&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-499699","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/499699","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=499699"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/499699\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=499699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=499699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=499699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}