{"id":28091,"date":"2023-06-25T18:18:20","date_gmt":"2023-06-25T14:48:20","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/"},"modified":"2023-06-25T18:18:20","modified_gmt":"2023-06-25T14:48:20","slug":"whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/","title":{"rendered":"\u0686\u06cc\u0632\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u062f\u0631 Svelte 4: \u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u062a\u0648\u0633\u0639\u0647 \u06a9\u0627\u0631\u0622\u0645\u062f"},"content":{"rendered":"<div data-article-id=\"1515244\" id=\"article-body\">\n<p>\u062f\u0631 22 \u0698\u0648\u0626\u0646\u060c Svelte \u0646\u0633\u062e\u0647 \u0627\u0635\u0644\u06cc \u062c\u062f\u06cc\u062f \u062e\u0648\u062f \u0631\u0627 \u0627\u0639\u0644\u0627\u0645 \u06a9\u0631\u062f.<\/p>\n<p>\u062d\u062a\u06cc \u0627\u06af\u0631 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 &#8220;\u0639\u0645\u062f\u062a\u0627\u064b \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u062c\u0627\u062f \u0632\u0645\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a \u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647&#8221; \u0627\u0631\u0627\u0626\u0647 \u0634\u0648\u062f\u060c \u0647\u0645\u0686\u0646\u06cc\u0646 \u0633\u0647\u0645 \u062e\u0648\u062f \u0631\u0627 \u0627\u0632 \u0628\u0647\u0628\u0648\u062f\u0647\u0627 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u0628\u0631\u062e\u06cc \u0627\u0632 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u0648\u06cc\u062a\u0631\u06cc\u0646 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0627\u0631\u0645\u063a\u0627\u0646 \u0645\u06cc \u0622\u0648\u0631\u062f.<\/p>\n<blockquote>\n<p>\u0627\u06af\u0631 \u0628\u06cc\u0634\u062a\u0631 \u0634\u0646\u0648\u0646\u062f\u0647 \u0647\u0633\u062a\u06cc\u062f \u062a\u0627 \u062e\u0648\u0627\u0646\u0646\u062f\u0647\u060c \u0627\u06cc\u0646 \u0646\u0633\u062e\u0647 \u062f\u0631 Svelte Radio Live \u0646\u06cc\u0632 \u0636\u0628\u0637 \u0634\u062f\u0647 \u0627\u0633\u062a<\/p>\n<\/blockquote>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%D8%AC%D8%AF%D9%88%D9%84_%D9%85%D8%AD%D8%AA%D9%88%DB%8C%D8%A7%D8%AA\" >\u062c\u062f\u0648\u0644 \u0645\u062d\u062a\u0648\u06cc\u0627\u062a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%D8%A8%D9%87%D8%A8%D9%88%D8%AF_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF\" >\u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%F0%9F%93%89_%DA%A9%D8%A7%D9%87%D8%B4_%D8%B4%D8%AF%DB%8C%D8%AF_%D9%BE%DA%A9%DB%8C%D8%AC_Svelte\" >\ud83d\udcc9 \u06a9\u0627\u0647\u0634 \u0634\u062f\u06cc\u062f \u067e\u06a9\u06cc\u062c Svelte<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%F0%9F%9A%BF_%D8%A2%D8%A8%D8%B1%D8%B3%D8%A7%D9%86%DB%8C_%D8%A8%D9%87%D8%AA%D8%B1\" >\ud83d\udebf \u0622\u0628\u0631\u0633\u0627\u0646\u06cc \u0628\u0647\u062a\u0631<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%D8%AA%D8%AC%D8%B1%D8%A8%D9%87_%D8%AA%D9%88%D8%B3%D8%B9%D9%87%E2%80%8C%D8%AF%D9%87%D9%86%D8%AF%D9%87_%D8%A8%D9%87%D8%A8%D9%88%D8%AF_%DB%8C%D8%A7%D9%81%D8%AA%D9%87\" >\u062a\u062c\u0631\u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0647<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%F0%9F%8E%AD_%D9%85%D8%AD%D8%AF%D9%88%D8%AF%D9%87_%D8%A7%D9%86%D8%AA%D9%82%D8%A7%D9%84\" >\ud83c\udfad \u0645\u062d\u062f\u0648\u062f\u0647 \u0627\u0646\u062a\u0642\u0627\u0644<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%F0%9F%A7%B1_%D8%AA%D8%A7%D9%84%DB%8C%D9%81_%D8%A7%D8%AC%D8%B2%D8%A7%DB%8C_%D9%88%D8%A8\" >\ud83e\uddf1 \u062a\u0627\u0644\u06cc\u0641 \u0627\u062c\u0632\u0627\u06cc \u0648\u0628<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%F0%9F%9B%A1%EF%B8%8F_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%B3%D8%AE%D8%AA%DA%AF%DB%8C%D8%B1%D8%A7%D9%86%D9%87_%D8%AA%D8%B1\" >\ud83d\udee1\ufe0f \u0627\u0646\u0648\u0627\u0639 \u0633\u062e\u062a\u06af\u06cc\u0631\u0627\u0646\u0647 \u062a\u0631<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%D9%88%D8%A8_%D8%B3%D8%A7%DB%8C%D8%AA_%D9%87%D8%A7%DB%8C_%D8%A8%D9%87_%D8%B1%D9%88%D8%B2_%D8%B4%D8%AF%D9%87\" >\u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632 \u0634\u062f\u0647<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%F0%9F%93%9D_%D9%88%D8%A8_%D8%B3%D8%A7%DB%8C%D8%AA_%D8%A2%D9%85%D9%88%D8%B2%D8%B4\" >\ud83d\udcdd \u0648\u0628 \u0633\u0627\u06cc\u062a \u0622\u0645\u0648\u0632\u0634<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%F0%9F%93%9A_%D9%88%D8%A8_%D8%B3%D8%A7%DB%8C%D8%AA_Svelte\" >\ud83d\udcda \u0648\u0628 \u0633\u0627\u06cc\u062a Svelte<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C_%D9%85%D9%87%D8%A7%D8%AC%D8%B1%D8%AA\" >\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0645\u0647\u0627\u062c\u0631\u062a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/whats-new-in-svelte-4-performance-boosts-and-streamlined-development-42dc\/#%D8%A7%D8%B2_Svelte_5_%DA%86%D9%87_%D8%A7%D9%86%D8%AA%D8%B8%D8%A7%D8%B1%DB%8C_%D8%A8%D8%A7%DB%8C%D8%AF_%D8%AF%D8%A7%D8%B4%D8%AA\" >\u0627\u0632 Svelte 5 \u0686\u0647 \u0627\u0646\u062a\u0638\u0627\u0631\u06cc \u0628\u0627\u06cc\u062f \u062f\u0627\u0634\u062a<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AC%D8%AF%D9%88%D9%84_%D9%85%D8%AD%D8%AA%D9%88%DB%8C%D8%A7%D8%AA\"><\/span>\n<p>  \u062c\u062f\u0648\u0644 \u0645\u062d\u062a\u0648\u06cc\u0627\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%D9%87%D8%A8%D9%88%D8%AF_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF\"><\/span>\n<p>  \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%93%89_%DA%A9%D8%A7%D9%87%D8%B4_%D8%B4%D8%AF%DB%8C%D8%AF_%D9%BE%DA%A9%DB%8C%D8%AC_Svelte\"><\/span>\n<p>  \ud83d\udcc9 \u06a9\u0627\u0647\u0634 \u0634\u062f\u06cc\u062f \u067e\u06a9\u06cc\u062c Svelte<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0646\u0633\u062e\u0647\u060c Svelte \u0645\u0637\u0645\u0626\u0646\u0627\u064b \u0645\u0642\u062f\u0627\u0631\u06cc \u0648\u0632\u0646 \u06a9\u0645 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a!<\/p>\n<p>\u0627\u0646\u062f\u0627\u0632\u0647 \u06a9\u0644\u06cc Svelte \u06a9\u0627\u0647\u0634 \u06cc\u0627\u0641\u062a <strong>\u0627\u0632 10.6 \u0645\u06af\u0627\u0628\u0627\u06cc\u062a \u062a\u0627 2.8 \u0645\u06af\u0627\u0628\u0627\u06cc\u062a<\/strong>\u060c \u062a\u0642\u0631\u06cc\u0628\u0627\u064b 75\u066a \u06a9\u0627\u0647\u0634 \u0627\u0646\u062f\u0627\u0632\u0647 \u062f\u0627\u0631\u062f.<\/p>\n<p>\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u06a9\u0627\u0647\u0634 \u06cc\u0627\u0641\u062a <strong>\u0627\u0632 61 \u062a\u0627 16<\/strong>\u060c \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc Svelte \u0646\u06cc\u0632 \u06a9\u0627\u0647\u0634 \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u062a\u0639\u062f\u0627\u062f \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc SvelteKit \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u06a9\u0627\u0647\u0634 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u062e\u0648\u0628\u06cc \u0631\u0627 \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u062f\u0627\u0631\u062f\u060c \u0645\u0627\u0646\u0646\u062f \u062a\u062c\u0631\u0628\u0647 REPL \u0633\u0631\u06cc\u0639\u062a\u0631\u060c \u062a\u062c\u0631\u0628\u0647 \u0633\u0631\u06cc\u0639\u062a\u0631 \u062f\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0627\u062c\u0631\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0633\u0631\u06cc\u0639\u062a\u0631 <code>npm install<\/code> (\u0627\u0632 \u0647\u0631 \u0628\u0633\u062a\u0647 \u0645\u062f\u06cc\u0631\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f).<\/p>\n<p>\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0646\u062a\u0634\u0627\u0631\u060c Svelte \u0645\u0637\u0645\u0626\u0646\u0627 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%9A%BF_%D8%A2%D8%A8%D8%B1%D8%B3%D8%A7%D9%86%DB%8C_%D8%A8%D9%87%D8%AA%D8%B1\"><\/span>\n<p>  \ud83d\udebf \u0622\u0628\u0631\u0633\u0627\u0646\u06cc \u0628\u0647\u062a\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0647\u0634 \u062f\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647\u060c Svelte \u06a9\u062f\u06cc \u0631\u0627 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0647\u06cc\u062f\u0631\u0627\u062a\u0627\u0633\u06cc\u0648\u0646 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f \u0646\u06cc\u0632 \u0633\u0628\u06a9 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u06a9\u062f \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a SvelteKit \u0627\u0632 126.3 \u06a9\u06cc\u0644\u0648\u0628\u0627\u06cc\u062a \u0628\u0647 110.2 \u06a9\u06cc\u0644\u0648\u0628\u0627\u06cc\u062a\u060c \u062a\u0642\u0631\u06cc\u0628\u0627 13 \u062f\u0631\u0635\u062f \u06a9\u0627\u0647\u0634 \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%AC%D8%B1%D8%A8%D9%87_%D8%AA%D9%88%D8%B3%D8%B9%D9%87%E2%80%8C%D8%AF%D9%87%D9%86%D8%AF%D9%87_%D8%A8%D9%87%D8%A8%D9%88%D8%AF_%DB%8C%D8%A7%D9%81%D8%AA%D9%87\"><\/span>\n<p>  \u062a\u062c\u0631\u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%8E%AD_%D9%85%D8%AD%D8%AF%D9%88%D8%AF%D9%87_%D8%A7%D9%86%D8%AA%D9%82%D8%A7%D9%84\"><\/span>\n<p>  \ud83c\udfad \u0645\u062d\u062f\u0648\u062f\u0647 \u0627\u0646\u062a\u0642\u0627\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u0627\u0646\u062a\u0642\u0627\u0644 \u0647\u0627 \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0645\u062d\u0644\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u0627\u0645\u0631 \u0627\u0632 \u062c\u0647\u0627\u0646\u06cc \u0628\u0648\u062f\u0646 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647 \u062e\u0637\u0631 \u062a\u062f\u0627\u062e\u0644 \u0628\u0627 \u062f\u06cc\u06af\u0631\u0627\u0646 \u0631\u0627 \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u0634\u062a \u06a9\u0647 \u0645\u0646\u062c\u0631 \u0628\u0647 \u0628\u0631\u062e\u0648\u0631\u062f \u0627\u0646\u062a\u0642\u0627\u0644\u200c\u0647\u0627\u06cc \u0634\u0645\u0627 \u062f\u0631 \u062d\u06cc\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%A7%B1_%D8%AA%D8%A7%D9%84%DB%8C%D9%81_%D8%A7%D8%AC%D8%B2%D8%A7%DB%8C_%D9%88%D8%A8\"><\/span>\n<p>  \ud83e\uddf1 \u062a\u0627\u0644\u06cc\u0641 \u0627\u062c\u0632\u0627\u06cc \u0648\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0648\u0628 \u062f\u0631 Svelte \u0628\u0633\u06cc\u0627\u0631 \u0622\u0633\u0627\u0646 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\">&lt;svelte:options<\/span> <span class=\"na\">tag=<\/span><span class=\"s\">\"my-component\"<\/span> <span class=\"nt\">\/&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0628\u0631\u0627\u06cc \u0645\u0648\u0627\u0631\u062f \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062a\u0631 \u0645\u0627\u0646\u0646\u062f \u06a9\u0646\u062a\u0631\u0644 \u0628\u0627\u0632\u062a\u0627\u0628 \u06cc\u0627 \u0639\u062f\u0645 \u0627\u0646\u0639\u06a9\u0627\u0633 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u0647 \u0631\u0648\u0632 \u0634\u062f\u0647 prop \u0628\u0647 DOM\u060c \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 DOM \u0633\u0627\u06cc\u0647 \u0648 \u063a\u06cc\u0631\u0647 \u0646\u06cc\u0632 \u0645\u062d\u062f\u0648\u062f \u0628\u0648\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>Svelte 4 \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0622\u0646 \u0628\u0647 \u06cc\u06a9 \u0628\u062e\u0634 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc\u060c \u062a\u062c\u0631\u0628\u0647 \u0646\u0648\u0634\u062a\u0646 Web Component \u0631\u0627 \u0631\u0648\u0627\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f. <code>customElement<\/code> \u0648\u06cc\u0698\u06af\u06cc \u0627\u0632 <code>svelte:options<\/code>.<\/p>\n<p>\u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u062a\u0639\u062f\u0627\u062f\u06cc \u06af\u0632\u06cc\u0646\u0647 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0648\u0628 \u062e\u0648\u062f \u0631\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\">&lt;svelte:options<\/span>\n  <span class=\"na\">customElement=<\/span><span class=\"s\">{{<\/span>\n    <span class=\"na\">tag:<\/span> <span class=\"err\">'<\/span><span class=\"na\">custom-element<\/span><span class=\"err\">',<\/span>\n    <span class=\"na\">shadow:<\/span> <span class=\"err\">'<\/span><span class=\"na\">none<\/span><span class=\"err\">',<\/span>\n    <span class=\"na\">props:<\/span> <span class=\"err\">{<\/span>\n      <span class=\"na\">name:<\/span> <span class=\"err\">{<\/span>\n        <span class=\"err\">&lt;!<\/span><span class=\"na\">--<\/span> <span class=\"err\">\ud83d\udc47<\/span> <span class=\"na\">Reflects<\/span> <span class=\"na\">the<\/span> <span class=\"na\">updated<\/span> <span class=\"na\">value<\/span> <span class=\"na\">back<\/span> <span class=\"na\">to<\/span> <span class=\"na\">the<\/span> <span class=\"na\">DOM<\/span> <span class=\"na\">--<\/span><span class=\"nt\">&gt;<\/span>\n        reflect: true,\n        <span class=\"c\">&lt;!-- \ud83d\udc47 Reflects the value as a number --&gt;<\/span>\n        type: 'Number',\n        <span class=\"c\">&lt;!-- \ud83d\udc47 Name of the attribute --&gt;<\/span>\n        attribute: 'element-index'\n      }\n    }\n  }}\n\/&gt;\n\n<span class=\"nt\">&lt;script&gt;<\/span>\n  <span class=\"k\">export<\/span> <span class=\"kd\">let<\/span> <span class=\"nx\">elementIndex<\/span><span class=\"p\">;<\/span>\n<span class=\"nt\">&lt;\/script&gt;<\/span>\n\n...\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%9B%A1%EF%B8%8F_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%B3%D8%AE%D8%AA%DA%AF%DB%8C%D8%B1%D8%A7%D9%86%D9%87_%D8%AA%D8%B1\"><\/span>\n<p>  \ud83d\udee1\ufe0f \u0627\u0646\u0648\u0627\u0639 \u0633\u062e\u062a\u06af\u06cc\u0631\u0627\u0646\u0647 \u062a\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u0646\u0648\u0627\u0639 \u0633\u062e\u062a\u200c\u06af\u06cc\u0631\u0627\u0646\u0647\u200c\u062a\u0631 \u0627\u06a9\u0646\u0648\u0646 \u0628\u0631\u0627\u06cc \u0622\u0646\u0647\u0627 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f <code>createEventDispatcher<\/code>\u060c <code>Action<\/code>\u060c <code>ActionReturn<\/code> \u0648 <code>onMount<\/code>:<\/p>\n<ul>\n<li>\n<code>createEventDispatcher<\/code>  \u0627\u06a9\u0646\u0648\u0646 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0635\u062d\u062a \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0646\u0648\u0639 \u0648 \u062a\u0639\u062f\u0627\u062f \u0622\u0646\u0647\u0627 \u0645\u06cc \u06af\u0631\u062f\u062f \u0648 \u062e\u0637\u0627\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637\u0647 \u0631\u0627 \u067e\u0631\u062a\u0627\u0628 \u0645\u06cc \u06a9\u0646\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">createEventDispatcher<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">svelte<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">dispatch<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">createEventDispatcher<\/span><span class=\"o\">&lt;<\/span><span class=\"p\">{<\/span>\n  <span class=\"na\">optional<\/span><span class=\"p\">:<\/span> <span class=\"nx\">number<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">null<\/span><span class=\"p\">;<\/span>\n  <span class=\"nl\">required<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n  <span class=\"nl\">noArgument<\/span><span class=\"p\">:<\/span> <span class=\"nx\">never<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span><span class=\"o\">&gt;<\/span><span class=\"p\">();<\/span>\n\n<span class=\"c1\">\/\/ Svelte version 3:<\/span>\n<span class=\"nx\">dispatch<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">optional<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">dispatch<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">required<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Detail argument still omitted<\/span>\n<span class=\"nx\">dispatch<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">noArgument<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">surprise<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Detail argument still provided<\/span>\n\n<span class=\"c1\">\/\/ Svelte version 4 using TypeScript strict mode:<\/span>\n<span class=\"nx\">dispatch<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">optional<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">dispatch<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">required<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Error, missing argument<\/span>\n<span class=\"nx\">dispatch<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">noArgument<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">surprise<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Error, cannot pass an argument<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<code>Action<\/code>  \u0648 <code>ActionReturn<\/code> \u0627\u06a9\u0646\u0648\u0646 \u06cc\u06a9 \u0646\u0648\u0639 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f <code>never<\/code> \u0627\u06af\u0631 <code>Action<\/code> \u0647\u06cc\u0686 \u0646\u0648\u0639 \u0639\u0645\u0648\u0645\u06cc \u0627\u0631\u0627\u0626\u0647 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">untyped<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Action<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">node<\/span><span class=\"p\">,<\/span> <span class=\"nx\">params<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"c1\">\/\/ Now an error as `params` is expected not to exist<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">typed<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Action<\/span><span class=\"o\">&lt;<\/span><span class=\"nx\">HTMLElement<\/span><span class=\"p\">,<\/span> <span class=\"kr\">string<\/span><span class=\"o\">&gt;<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">node<\/span><span class=\"p\">,<\/span> <span class=\"nx\">params<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"c1\">\/\/ `params` is of type string<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<code>onMount<\/code>  \u0627\u06a9\u0646\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0628\u0627\u0632\u06af\u0634\u062a \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0647\u0645\u0632\u0645\u0627\u0646 \u062f\u0627\u0631\u062f\u060c \u0632\u06cc\u0631\u0627 \u0627\u06af\u0631 \u0627\u0646\u062a\u0638\u0627\u0631 \u0645\u06cc\u200c\u0631\u0648\u062f \u06a9\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0628\u0631\u0627\u06cc \u0646\u0627\u0628\u0648\u062f\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0634\u0648\u062f\u060c \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0645\u0646\u062c\u0631 \u0628\u0647 \u0628\u0627\u06af \u0634\u0648\u062f\u060c \u0632\u06cc\u0631\u0627 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u062a\u0648\u0627\u0628\u0639 \u0647\u0645\u0632\u0645\u0627\u0646 \u0627\u0633\u062a:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ \u274c `cleanup()` is not called due to the function being async<\/span>\n<span class=\"nx\">onMount<\/span><span class=\"p\">(<\/span><span class=\"k\">async<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">bar<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nx\">foo<\/span><span class=\"p\">();<\/span>\n  <span class=\"k\">return<\/span> <span class=\"nx\">cleanup<\/span><span class=\"p\">();<\/span>\n<span class=\"p\">});<\/span>\n\n<span class=\"c1\">\/\/ \u2705 `cleanup()` will be called<\/span>\n<span class=\"nx\">onMount<\/span><span class=\"p\">(()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">foo<\/span><span class=\"p\">().<\/span><span class=\"nx\">then<\/span><span class=\"p\">(<\/span><span class=\"nx\">bar<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"cm\">\/* ... *\/<\/span> <span class=\"p\">);<\/span>\n  <span class=\"k\">return<\/span> <span class=\"nx\">cleanup<\/span><span class=\"p\">();<\/span>\n<span class=\"p\">});<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%88%D8%A8_%D8%B3%D8%A7%DB%8C%D8%AA_%D9%87%D8%A7%DB%8C_%D8%A8%D9%87_%D8%B1%D9%88%D8%B2_%D8%B4%D8%AF%D9%87\"><\/span>\n<p>  \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632 \u0634\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%93%9D_%D9%88%D8%A8_%D8%B3%D8%A7%DB%8C%D8%AA_%D8%A2%D9%85%D9%88%D8%B2%D8%B4\"><\/span>\n<p>  \ud83d\udcdd \u0648\u0628 \u0633\u0627\u06cc\u062a \u0622\u0645\u0648\u0632\u0634<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0627\u06cc \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631 \u062f\u0648\u0628\u0627\u0631\u0647 \u06a9\u0627\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"table-wrapper-paragraph\">\n<table>\n<thead>\n<tr>\n<th>\u0633\u0627\u0628\u0642<\/th>\n<th>\u062c\u062f\u06cc\u062f\u062a\u0631<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/06\/1687704500_15_\u0686\u06cc\u0632\u0647\u0627\u06cc-\u062c\u062f\u06cc\u062f-\u062f\u0631-Svelte-4-\u0627\u0641\u0632\u0627\u06cc\u0634-\u0639\u0645\u0644\u06a9\u0631\u062f-\u0648-\u062a\u0648\u0633\u0639\u0647-\u06a9\u0627\u0631\u0622\u0645\u062f.png\" alt=\"\u0622\u0645\u0648\u0632\u0634 \u062c\u062f\u06cc\u062f\u062a\u0631\" loading=\"lazy\" width=\"800\" height=\"638\" title=\"\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0637\u0631\u0627\u062d\u06cc \u0647\u0645\u0686\u0646\u0627\u0646 \u06cc\u06a9\u0633\u0627\u0646 \u0627\u0633\u062a: \u06cc\u06a9 \u067e\u0627\u0646\u0644 \u06a9\u0646\u0627\u0631\u06cc \u0628\u0627 \u0645\u062a\u0646 \u0648 \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0628\u0627 \u06cc\u06a9 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f \u062f\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u062a\u0645\u0631\u06cc\u0646.<\/p>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0648\u0627\u0631\u062f \u0645\u0646\u0638\u0645 \u0645\u0627\u0646\u0646\u062f \u062f\u06cc\u062f\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0641\u0627\u06cc\u0644 \u062f\u0631 \u06a9\u0646\u0627\u0631\u060c \u06a9\u0627\u0647\u0634 \u062a\u0639\u062f\u0627\u062f \u0639\u0646\u0627\u0635\u0631 \u062f\u0631 \u0646\u0648\u0627\u0631 \u0646\u0627\u0648\u0628\u0631\u06cc \u0648 \u0646\u0627\u0648\u0628\u0631\u06cc \u0628\u0647\u062a\u0631 \u0628\u06cc\u0646 \u0628\u062e\u0634\u200c\u0647\u0627\u060c \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0646\u062f.  \u0647\u0645\u0686\u0646\u06cc\u0646 \u062f\u0627\u0631\u0627\u06cc \u062d\u0627\u0644\u062a \u062a\u0627\u0631\u06cc\u06a9 \u0627\u0633\u062a!<\/p>\n<p>\u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0627\u06a9\u0646\u0648\u0646 \u062f\u0631 https:\/\/learn.svelte.dev \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u062f \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0622\u0645\u0648\u0632\u0634 \u0642\u0628\u0644\u06cc \u062f\u0631 https:\/\/svelte.dev\/tutorial\/basics \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0627\u0633\u062a.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%93%9A_%D9%88%D8%A8_%D8%B3%D8%A7%DB%8C%D8%AA_Svelte\"><\/span>\n<p>  \ud83d\udcda \u0648\u0628 \u0633\u0627\u06cc\u062a Svelte<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0648\u0628 \u0633\u0627\u06cc\u062a Svelte \u0647\u0645\u0686\u0646\u06cc\u0646 \u06cc\u06a9 \u06a9\u0627\u0631 \u0645\u062c\u062f\u062f \u062f\u0627\u0634\u062a:<\/p>\n<div class=\"table-wrapper-paragraph\">\n<table>\n<thead>\n<tr>\n<th>\u0633\u0627\u0628\u0642<\/th>\n<th>\u062c\u062f\u06cc\u062f\u062a\u0631<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/06\/1687704500_799_\u0686\u06cc\u0632\u0647\u0627\u06cc-\u062c\u062f\u06cc\u062f-\u062f\u0631-Svelte-4-\u0627\u0641\u0632\u0627\u06cc\u0634-\u0639\u0645\u0644\u06a9\u0631\u062f-\u0648-\u062a\u0648\u0633\u0639\u0647-\u06a9\u0627\u0631\u0622\u0645\u062f.png\" alt=\"\u0635\u0641\u062d\u0647 \u0645\u06cc\u0631\u0627\u062b\" loading=\"lazy\" width=\"800\" height=\"595\" title=\"\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/06\/1687704500_468_\u0686\u06cc\u0632\u0647\u0627\u06cc-\u062c\u062f\u06cc\u062f-\u062f\u0631-Svelte-4-\u0627\u0641\u0632\u0627\u06cc\u0634-\u0639\u0645\u0644\u06a9\u0631\u062f-\u0648-\u062a\u0648\u0633\u0639\u0647-\u06a9\u0627\u0631\u0622\u0645\u062f.png\" alt=\"\u0635\u0641\u062d\u0647 \u062c\u062f\u06cc\u062f\u062a\u0631\" loading=\"lazy\" width=\"800\" height=\"639\" title=\"\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0635\u0641\u062d\u0627\u062a \u062a\u0642\u0633\u06cc\u0645 \u0634\u062f\u0647 \u0627\u0646\u062f\u060c \u0646\u0627\u0648\u0628\u0631\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a\u060c \u0627\u0633\u0646\u0627\u062f TypeScript \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0647 \u0648 \u062d\u0627\u0644\u062a \u062a\u0627\u0631\u06cc\u06a9 \u0646\u06cc\u0632 \u0645\u0646\u062a\u0634\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>\u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a SvelteKit \u0647\u0646\u0648\u0632 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0646\u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u06cc\u06a9 \u06a9\u0627\u0631 \u0645\u062c\u062f\u062f \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u0645\u0634\u0627\u0628\u0647 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u0627\u062f\u0627\u0645\u0647 \u062f\u0627\u0631\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C_%D9%85%D9%87%D8%A7%D8%AC%D8%B1%D8%AA\"><\/span>\n<p>  \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0645\u0647\u0627\u062c\u0631\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06cc\u0646 \u0646\u0633\u062e\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06af\u0627\u0645\u06cc \u0628\u0647 \u0633\u0648\u06cc Svelte 5 \u0648 \u0646\u0647 \u0686\u0646\u062f\u0627\u0646 \u062a\u0627\u062b\u06cc\u0631\u06af\u0630\u0627\u0631 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0642\u0627 \u0627\u0632 Svelte 3 \u0628\u0647 Svelte 4\u060c \u062a\u06cc\u0645 \u0627\u0628\u0632\u0627\u0631 \u0645\u0647\u0627\u062c\u0631\u062a \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0631\u0648\u0632 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a \u0648 \u0646\u0628\u0627\u06cc\u062f \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0637\u0648\u0644 \u0628\u06a9\u0634\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npx svelte-migrate@latest svelte-4\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0644\u0637\u0641\u0627 \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u062d\u062f\u0627\u0642\u0644 \u0646\u0633\u062e\u0647 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0631\u0648\u0632 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f:<\/p>\n<ul>\n<li>NodeJS 16 \u06cc\u0627 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n<li>SvelteKit 1.20.4 \u06cc\u0627 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n<li>TypeScript 5 \u06cc\u0627 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n<\/ul>\n<p>\u062c\u0632\u0626\u06cc\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0644\u0632\u0627\u0645\u0627\u062a \u062f\u0631 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0645\u0647\u0627\u062c\u0631\u062a \u0630\u06a9\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B2_Svelte_5_%DA%86%D9%87_%D8%A7%D9%86%D8%AA%D8%B8%D8%A7%D8%B1%DB%8C_%D8%A8%D8%A7%DB%8C%D8%AF_%D8%AF%D8%A7%D8%B4%D8%AA\"><\/span>\n<p>  \u0627\u0632 Svelte 5 \u0686\u0647 \u0627\u0646\u062a\u0638\u0627\u0631\u06cc \u0628\u0627\u06cc\u062f \u062f\u0627\u0634\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0647\u06cc\u0686 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0622\u0646\u0686\u0647 \u062f\u0631 Svelte 5 \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0647 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 Svelte \u0628\u0647 \u0634\u062f\u062a \u0628\u0647 ESLint \u06af\u0631\u0647 \u062e\u0648\u0631\u062f\u0647 \u0627\u0633\u062a\u060c \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0622\u0646 \u0646\u06cc\u0632 \u0628\u0633\u06cc\u0627\u0631 \u0632\u06cc\u0627\u062f \u0627\u0633\u062a.  \u0628\u0627 \u0628\u0627\u0632\u0646\u0648\u06cc\u0633\u06cc \u0641\u0639\u0644\u06cc ESLint\u060c \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 Svelte 5 \u0645\u0646\u062a\u0634\u0631 \u0634\u0648\u062f\u060c \u0627\u0646\u062f\u0627\u0632\u0647 \u0622\u0646 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u06cc\u0634 \u0627\u0632 50\u066a \u062f\u06cc\u06af\u0631 \u06a9\u0627\u0647\u0634 \u06cc\u0627\u0628\u062f.<\/p>\n<p>\u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 Svelte \u0628\u0631 \u0631\u0648\u06cc \u062a\u062c\u0631\u0628\u0647 \u0648 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u062f\u060c \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a\u06cc \u06a9\u0647 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0634\u0627\u0647\u062f \u062a\u0639\u062f\u0627\u062f\u06cc \u0628\u0647\u0628\u0648\u062f \u062f\u0631 \u0622\u0646 \u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0628\u0648\u062f\u060c \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af \u0622\u0646\u0647\u0627 \u0628\u06cc\u0627\u0646 \u0634\u062f:<\/p>\n<blockquote>\n<p>Svelte 5 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc Svelte \u0628\u0647 \u0627\u0631\u0645\u063a\u0627\u0646 \u0645\u06cc \u0622\u0648\u0631\u062f<\/p>\n<\/blockquote>\n<hr\/>\n<p>\u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u0645 \u062f\u0631 \u0622\u0646\u062c\u0627 \u0686\u06cc\u0632 \u0645\u0641\u06cc\u062f\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f!<\/p>\n<div class=\"ltag__user ltag__user__id__40197\" style=\"border-color:#575ad4;box-shadow: 3px 3px 0px #575ad4;\">\n<div class=\"ltag__user__pic\">\n        <img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/06\/\u0686\u06cc\u0632\u0647\u0627\u06cc-\u062c\u062f\u06cc\u062f-\u062f\u0631-Svelte-4-\u0627\u0641\u0632\u0627\u06cc\u0634-\u0639\u0645\u0644\u06a9\u0631\u062f-\u0648-\u062a\u0648\u0633\u0639\u0647-\u06a9\u0627\u0631\u0622\u0645\u062f.jpeg\" alt=\"\u062a\u0635\u0648\u06cc\u0631 pbouillon\" loading=\"lazy\" title=\"\">\n      <\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 22 \u0698\u0648\u0626\u0646\u060c Svelte \u0646\u0633\u062e\u0647 \u0627\u0635\u0644\u06cc \u062c\u062f\u06cc\u062f \u062e\u0648\u062f \u0631\u0627 \u0627\u0639\u0644\u0627\u0645 \u06a9\u0631\u062f. \u062d\u062a\u06cc \u0627\u06af\u0631 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 &#8220;\u0639\u0645\u062f\u062a\u0627\u064b \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u062c\u0627\u062f \u0632\u0645\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a \u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647&#8221; \u0627\u0631\u0627\u0626\u0647 \u0634\u0648\u062f\u060c \u0647\u0645\u0686\u0646\u06cc\u0646 \u0633\u0647\u0645 \u062e\u0648\u062f \u0631\u0627 \u0627\u0632 \u0628\u0647\u0628\u0648\u062f\u0647\u0627 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u0628\u0631\u062e\u06cc \u0627\u0632 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u0648\u06cc\u062a\u0631\u06cc\u0646 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0627\u0631\u0645\u063a\u0627\u0646 \u0645\u06cc \u0622\u0648\u0631\u062f. \u0627\u06af\u0631 \u0628\u06cc\u0634\u062a\u0631 \u0634\u0646\u0648\u0646\u062f\u0647 \u0647\u0633\u062a\u06cc\u062f \u062a\u0627 \u062e\u0648\u0627\u0646\u0646\u062f\u0647\u060c \u0627\u06cc\u0646 \u0646\u0633\u062e\u0647 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":28092,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-28091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/28091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=28091"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/28091\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/28092"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=28091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=28091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=28091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}