{"id":412170,"date":"2024-06-29T22:23:32","date_gmt":"2024-06-29T22:23:32","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=412170"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=412170","title":{"rendered":"<span>\u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u0443\u0434\u043e\u0431\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u0442\u0442\u0435\u0440\u043d MVI \u0432 KMM<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/17f\/049\/10d\/17f04910dd67491c64e722eff5b043e3.jpg\" width=\"1600\" height=\"900\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/17f\/049\/10d\/17f04910dd67491c64e722eff5b043e3.jpg\" data-blurred=\"true\"\/><\/figure>\n<p>\u041f\u0440\u0438\u0432\u0435\u0442!<\/p>\n<p>\u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0421\u0442\u0435\u0444\u0430\u043d \u0421\u0435\u0440\u0445\u0438\u0440. \u042f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432 <a href=\"https:\/\/kts.studio\/\"><u>KTS<\/u><\/a>. \u041f\u0438\u0448\u0443 \u043f\u043e\u0434 Android, iOS \u0438 \u041a\u041c\u041c (Kotlin Multiplatform Mobile) \u0438 \u0432\u0435\u0434\u0443 \u043a\u0443\u0440\u0441\u044b \u0432 \u0448\u043a\u043e\u043b\u0435 Metaclass. \u041d\u0435\u0434\u0430\u0432\u043d\u043e \u043c\u044b \u043f\u0440\u043e\u0432\u0435\u043b\u0438 \u0432\u0435\u0431\u0438\u043d\u0430\u0440, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c <a href=\"https:\/\/youtu.be\/g1TtM-bUmR4?utm_source=habr\"><u>\u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438 Model-View-Intent (MVI) \u0432 KMM<\/u><\/a> \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 \u043a\u043e\u0434\u0435 iOS \u0438 Android. \u0421\u0442\u0430\u0442\u044c\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u043f\u043e \u043c\u043e\u0442\u0438\u0432\u0430\u043c \u044d\u0442\u043e\u0433\u043e \u0432\u0435\u0431\u0438\u043d\u0430\u0440\u0430.<\/p>\n<p>\u041f\u043e\u0434\u0445\u043e\u0434 MVI \u0432 KMM \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u0435\u043d, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e:<\/p>\n<ul>\n<li>\n<p>\u0423\u0434\u043e\u0431\u043d\u043e \u0448\u0430\u0440\u0438\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u043c\u0435\u0436\u0434\u0443 \u0432\u0441\u0435\u043c\u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u043c\u0438<\/p>\n<\/li>\n<li>\n<p>\u041c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0432 \u0444\u0438\u0447\u0430-\u043c\u043e\u0434\u0443\u043b\u0438<\/p>\n<\/li>\n<li>\n<p>\u0421\u0430\u043c MVI \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043b\u0435\u0433\u043a\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0442\u044c \u044d\u043a\u0440\u0430\u043d \u043d\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0438\u0445 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f<\/p>\n<\/li>\n<li>\n<p>MVI \u043e\u0447\u0435\u043d\u044c \u043b\u0435\u0433\u043a\u043e \u043b\u043e\u0436\u0438\u0442\u0441\u044f \u043d\u0430 Jetpack Compose (Android) \u0438 SwiftUi (iOS)<\/p>\n<\/li>\n<\/ul>\n<h4>\u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435:<\/h4>\n<ul>\n<li>\n<p><a href=\"#1\">\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 MVI<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#2\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438 MVI<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#3\">\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 KMM<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#4\">MVI \u0432 \u041a\u041c\u041c \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#41\">\u0420\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b Android<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#411\">MainScreen<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#412\">MainViewModel<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#413\">MainStore<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#414\">StoreFactory<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#415\">Executor<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#416\">Reducer<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#42\">\u0420\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b iOS<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#421\">MainViewController<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#422\">MainView<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#43\">\u041e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 Shared<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#44\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u00a0 MVI \u0432 \u041a\u041c\u041c<\/a><\/p>\n<\/li>\n<\/ul>\n<p><a class=\"anchor\" name=\"1\" id=\"1\"><\/a><\/p>\n<h2>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 MVI<\/h2>\n<p>\u041f\u0440\u043e MV-\u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b \u043c\u044b \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438 \u043d\u0430 <a href=\"https:\/\/youtu.be\/aTSnt9qtrHY?utm_source=habr\"><u>\u0434\u0440\u0443\u0433\u043e\u043c \u0432\u0435\u0431\u0438\u043d\u0430\u0440\u0435<\/u><\/a>.<\/p>\n<p><strong>MVI (Model-View-Intent)<\/strong> \u2014 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043f\u0430\u0442\u0442\u0435\u0440\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0430\u0437\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0438\u0434\u0435\u0435 Unidirectional Data Flow (\u043e\u0434\u043d\u043e\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u0442\u043e\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445) \u0438 \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438, \u0442\u0430\u043a\u0438\u043c\u0438 \u043a\u0430\u043a Compose \u043d\u0430 Android \u0438 SwiftUI \u043d\u0430 iOS. \u0423 MVI \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 \u2014 \u044d\u0442\u043e MVICore, MVIKotlin, Mosby \u0438 \u0435\u0449\u0435 \u043c\u043d\u043e\u0433\u043e \u0434\u0440\u0443\u0433\u0438\u0445, \u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437 \u043d\u0438\u0445 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043c\u0443\u043b\u044c\u0442\u0438\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u043c\u0438, \u0442\u043e \u0435\u0441\u0442\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 KMP (Kotlin Multiplatform).<\/p>\n<p>\u0418\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438 \u043a\u043e\u0440\u043d\u0438 MVI \u0442\u044f\u043d\u0443\u0442\u0441\u044f \u0435\u0449\u0435 \u0441 \u0432\u0435\u0431\u0430, \u043d\u043e \u0443\u0436\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u0432 \u0442\u043e\u043c \u0436\u0435 Flutter (BLoC).<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/29c\/0d0\/16a\/29c0d016a261ac81b2fe268cc432f753.jpeg\" alt=\"\" title=\"\" width=\"1564\" height=\"964\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/29c\/0d0\/16a\/29c0d016a261ac81b2fe268cc432f753.jpeg\" data-blurred=\"true\"\/><\/figure>\n<p>\u0418\u0442\u0430\u043a, \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c UI \u2014 \u043d\u0430\u0448\u0430 \u0432\u044c\u044e\u0448\u043a\u0430 (View), \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u0438\u0434\u044f\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438. \u0421\u0443\u0442\u044c MVI \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441 \u0432\u044c\u044e\u0448\u043a\u043e\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u043d\u0442\u043e\u0432 \u2014 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0441\u043e\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0432 UI.<\/p>\n<p>\u0418\u043d\u0442\u0435\u043d\u0442 \u043f\u043e\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u0430\u043a \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c\u0443\u044e \u0447\u0435\u0440\u043d\u0443\u044e \u043a\u043e\u0440\u043e\u0431\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0435\u0433\u043e \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043d\u0430\u0440\u0443\u0436\u0443 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u2014 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u043c\u043e\u0434\u0435\u043b\u044c. \u0422\u0430\u043a \u043a\u0430\u043a \u0432\u044c\u044e\u0448\u043a\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u0430 \u043d\u0430 \u044d\u0442\u043e\u0442 \u0441\u0442\u0435\u0439\u0442, \u043e\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0435\u0433\u043e \u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0435\u0439\u0442.\u00a0<\/p>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u0443 UI \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u2014 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0442\u0435\u0439\u0442. \u0422\u043e \u0435\u0441\u0442\u044c \u0432 \u043d\u0430\u0448\u0435\u0439 \u0432\u044c\u044e\u0448\u043a\u0435 \u043d\u0435\u0442 \u043b\u043e\u0433\u0438\u043a\u0438.<\/p>\n<p>\u042d\u0442\u0443 \u0447\u0435\u0440\u043d\u0443\u044e \u043a\u043e\u0440\u043e\u0431\u043a\u0443 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442 MVI-Feature (MVI-\u0444\u0438\u0447\u0430), \u0430 \u0442\u043e, \u043a\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043e\u043d\u0430 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442 \u043e\u0434\u0438\u043d \u0441\u0442\u0435\u0439\u0442 \u0432 \u0434\u0440\u0443\u0433\u043e\u0439,\u00a0 \u2014 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u043e\u0439.<\/p>\n<p><a class=\"anchor\" name=\"2\" id=\"2\"><\/a><\/p>\n<h2>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438 MVI<\/h2>\n<p><strong>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0425\u043e\u0440\u043e\u0448\u043e \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 UI \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438, \u0442\u0430\u043a\u0438\u043c\u0438 \u043a\u0430\u043a Compose \u0438 SwiftUI<\/p>\n<\/li>\n<li>\n<p>\u041e\u0434\u0438\u043d \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0432\u044c\u044e\u0448\u043a\u0435<\/p>\n<\/li>\n<li>\n<p>\u0421\u0442\u0435\u0439\u0442 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u043b\u0435\u0433\u043a\u043e \u0434\u0435\u0431\u0430\u0436\u0438\u0442\u044c, \u0438 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043d\u0435 \u043a\u043e\u043d\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435. \u0422\u043e \u0435\u0441\u0442\u044c \u043c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0438\u0434\u0438\u043c \u043e\u0434\u0438\u043d \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0411\u043e\u0439\u043b\u0435\u0440\u043f\u043b\u0435\u0439\u0442<\/p>\n<\/li>\n<li>\n<p>\u041d\u0443\u0436\u043d\u043e \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0438\u0444\u0444 (\u0440\u0430\u0437\u043d\u0438\u0446\u0443, \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f) \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0438 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f<\/p>\n<\/li>\n<\/ul>\n<p>\u0421\u0442\u0435\u0439\u0442 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u043d\u0430 \u0441\u043b\u043e\u0436\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c 15 \u043f\u043e\u043b\u0435\u0439 \u0432 \u0441\u0442\u0435\u0439\u0442\u0435. \u0415\u0441\u043b\u0438 \u043d\u0435 \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0438\u0444\u0444, \u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u0441\u0442\u0435\u0439\u0442\u0430, \u0442\u043e UI \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0434\u043b\u0430\u0433\u0438\u0432\u0430\u0442\u044c&#8230; \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0438\u0444\u0444 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0438 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f.\u00a0<\/p>\n<p><a class=\"anchor\" name=\"3\" id=\"3\"><\/a><\/p>\n<h3>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 KMM<\/h3>\n<p><strong>KMM (Kotlin Multiplatform Mobile)<\/strong> \u2014 \u043f\u043e\u0434\u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e Kotlin Multiplatform.\u00a0<\/p>\n<p><strong>Kotlin Multiplatform<\/strong> \u2014 \u044d\u0442\u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u044f\u0437\u044b\u043a\u0435 Kotlin \u043f\u043e\u0434 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c \u2014 \u0438\u043b\u0438, \u0432 \u043f\u043e\u043d\u044f\u0442\u0438\u044f\u0445 KMP, \u0442\u0430\u0440\u0433\u0435\u0442\u043e\u0432. \u0422\u0430\u0440\u0433\u0435\u0442\u0430\u043c\u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043b\u044e\u0431\u0430\u044f \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0430\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u0435\u0441\u043a\u0442\u043e\u043f: Linux, MacOS, Windows. \u0415\u0441\u043b\u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043f\u0440\u043e \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u2014 \u044d\u0442\u043e Android \u0438 iOS. \u0415\u0449\u0435 \u0441 \u043d\u0435\u0434\u0430\u0432\u043d\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 <a href=\"https:\/\/t.me\/mobiledevnews\/1341\"><u>\u0441\u0442\u0430\u043b\u0430<\/u><\/a> \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u00ab\u0410\u0432\u0440\u043e\u0440\u0430 \u041e\u0421\u00bb.\u00a0<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 Kotlin Multiplatform \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 Web \u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0443\u043c\u043d\u044b\u0445 \u0447\u0430\u0441\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, watchOS.\u00a0<\/p>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e KMM. \u0423 \u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0434\u0432\u0430 \u0442\u0430\u0440\u0433\u0435\u0442\u0430: Android \u0438 iOS. \u0410 \u0442\u0430\u043a\u0436\u0435 \u0430\u043a\u0446\u0435\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0435 MVI \u0441 \u044d\u0442\u0438\u043c\u0438 \u0434\u0432\u0443\u043c\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u043c\u0438.\u00a0<\/p>\n<p>\u0423 \u043d\u0430\u0441 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 iOS \u0438 Android, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u0434. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u044d\u0442\u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 shared code (\u0435\u0449\u0435 \u0435\u0433\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442 common code, \u043e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434). \u041e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0448\u0442\u0443\u043a\u0438 \u043f\u043e \u0442\u0438\u043f\u0443 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0441\u0435\u0442\u044c\u044e \u0438\u043b\u0438 \u0431\u0430\u0437\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f.\u00a0<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/037\/0b5\/232\/0370b5232fc966ece3199d816d4c386d.jpg\" width=\"3000\" height=\"1712\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/037\/0b5\/232\/0370b5232fc966ece3199d816d4c386d.jpg\" data-blurred=\"true\"\/><\/figure>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0432 common code \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e-\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0439 \u043a\u043e\u0434. \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u0441 KMM \u2014 \u044d\u0442\u043e iOS- \u0438 Android-\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 API \u0438 \u043a\u043b\u0430\u0441\u0441\u044b. \u042d\u0442\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e KMM, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0435 \u0448\u0442\u0443\u043a\u0438 \u00ab\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430\u043c\u0438\u00bb, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c expect\/actual. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u044b \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u043b\u0438 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 <a href=\"https:\/\/habr.com\/ru\/companies\/kts\/articles\/715890\/?utm_source=habr\"><u>\u00abKMM \u0433\u043b\u0430\u0437\u0430\u043c\u0438 iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u00bb.<\/u><\/a><\/p>\n<p>\u0420\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n<p><a class=\"anchor\" name=\"4\" id=\"4\"><\/a><\/p>\n<h2>MVI \u0432 KMM \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435<\/h2>\n<p>\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c MVI \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435. \u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043b\u0435\u0436\u0438\u0442 \u043d\u0430 <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\"><u>GitHub<\/u><\/a>.<\/p>\n<p>\u0412 \u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f: iOS \u0438 Android. \u0423 \u043d\u0438\u0445 \u043e\u0434\u0438\u043d \u044d\u043a\u0440\u0430\u043d \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 \u0432\u044b\u0448\u0435.<\/p>\n<p>\u0412 \u044d\u0442\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435: \u0438\u043c\u044f, \u0444\u0430\u043c\u0438\u043b\u0438\u044f, \u0434\u0430\u0442\u0430 \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f, \u043f\u043e\u043b \u0438 \u0442\u0438\u043f \u0434\u0435\u0432\u0430\u0439\u0441\u0430. \u0422\u0430\u043a\u0436\u0435 \u0435\u0441\u0442\u044c \u043e\u0434\u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c\u00bb. \u0415\u0441\u043b\u0438 \u043d\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u043d\u0435\u0435, \u0443 \u043d\u0430\u0441 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u044d\u043a\u0440\u0430\u043d \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438.<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0443 \u043d\u0430\u0441 \u043c\u043e\u0436\u0435\u0442 \u0441\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u043e\u0448\u0438\u0431\u043a\u0430, \u043e \u0447\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u043f\u043e\u0432\u0435\u0441\u0442\u0438\u0442 \u043d\u0430\u0441:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/7ba\/17d\/87a\/7ba17d87ab3cf6b5230fd84c4b45deb1.jpg\" alt=\"\" title=\"\" width=\"3000\" height=\"1712\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/7ba\/17d\/87a\/7ba17d87ab3cf6b5230fd84c4b45deb1.jpg\" data-blurred=\"true\"\/><\/figure>\n<p>\u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438. \u0418 \u0432 \u0438\u0442\u043e\u0433\u0435 \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u0430\u0448\u0438 \u0434\u0430\u043d\u043d\u044b\u0435.\u00a0<\/p>\n<p>\u0423 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0435\u0442 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438, \u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u044d\u043a\u0440\u0430\u043d \u0438 \u043e\u0434\u043d\u0430 MVI Feature. \u041f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u0438 iOS, \u0438 Android \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 KMM \u0438 MVI (\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f &#8212; <a href=\"https:\/\/arkivanov.github.io\/MVIKotlin\/\"><u>MVIKotlin<\/u><\/a>).<\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0415\u0441\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 Android Studio \u0438\u043b\u0438 IntelliJ IDEA, \u0432\u0438\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0441\u0442\u043e\u0438\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043a\u0430\u043a Project, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432\u0435\u0441\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/b57\/dff\/e4b\/b57dffe4b4b7614d38f8de627b14020a.jpg\" alt=\"\" title=\"\" width=\"1073\" height=\"612\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b57\/dff\/e4b\/b57dffe4b4b7614d38f8de627b14020a.jpg\" data-blurred=\"true\"\/><\/figure>\n<p>\u0412 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u043d\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442 \u043f\u0430\u043f\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043b\u0435\u0436\u0430\u0442 \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: <code>androidApp<\/code>, <code>iosApp<\/code> \u0438 <code>shared<\/code>. \u0412 \u043d\u0438\u0445 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 <code>androidApp<\/code> \u043b\u0435\u0436\u0438\u0442 \u043a\u043e\u0434 \u0434\u043b\u044f Android, \u0432 <code>iosApp<\/code> \u2013 \u043a\u043e\u0434 \u0434\u043b\u044f iOS, \u0430 \u0432 <code>shared<\/code> \u2014 \u043e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/1b3\/983\/26c\/1b398326c3c9e5b16e40e1b8e7d509ad.jpg\" alt=\"\" title=\"\" width=\"1073\" height=\"612\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/1b3\/983\/26c\/1b398326c3c9e5b16e40e1b8e7d509ad.jpg\" data-blurred=\"true\"\/><\/figure>\n<p><a class=\"anchor\" name=\"41\" id=\"41\"><\/a><\/p>\n<h2>\u0420\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b Android<\/h2>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/e3f\/088\/0e6\/e3f0880e6cf9d658c7f097ba66a3a734.jpg\" alt=\"\" title=\"\" width=\"1073\" height=\"612\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/e3f\/088\/0e6\/e3f0880e6cf9d658c7f097ba66a3a734.jpg\" data-blurred=\"true\"\/><\/figure>\n<p>\u0417\u0434\u0435\u0441\u044c \u043b\u0435\u0436\u0438\u0442 \u043e\u0434\u043d\u0430 <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/androidApp\/src\/main\/java\/ru\/kts\/mobile\/sample\/android\/MainActivity.kt\"><u>MainActivity<\/u><\/a>, \u0432 \u043a\u043e\u0434\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0432 \u0441\u0442\u0440\u043e\u0447\u043a\u0435 <code>private val viewModel by viewModel&lt;MainViewModel>()<\/code> \u043c\u044b \u0438\u043d\u0436\u0435\u043a\u0442\u0438\u043c <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/shared\/src\/commonMain\/kotlin\/ru\/kts\/mobile\/sample\/presentation\/MainViewModel.kt\"><u>ViewModel<\/u><\/a>. \u0410 \u0432 onCreate \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0433\u0440\u0430\u0444 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439:<\/p>\n<pre><code class=\"kotlin\">override fun onCreate(savedInstanceState: Bundle?) {     super.onCreate(savedInstanceState)      initKoin {         androidContext(applicationContext)     } }<\/code><\/pre>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0437\u0434\u0435\u0441\u044c \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <code>setContent<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0448\u0438 \u0432\u044c\u044e\u0448\u043a\u0438. \u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 UI \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 Compose:<\/p>\n<pre><code class=\"kotlin\">setContent {     val state by viewModel.state.collectAsState()      MainScreen(         state = state,         onLoadClick = viewModel::load,     ) } <\/code><\/pre>\n<p>\u042d\u0442\u043e\u0442 \u0432\u044b\u0437\u043e\u0432 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u0435\u043d \u043e\u0431\u044b\u0447\u043d\u043e\u043c\u0443 \u0432\u044b\u0437\u043e\u0432\u0443 setContent, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c layout-\u0444\u0430\u0439\u043b \u0441 \u0432\u0435\u0440\u0441\u0442\u043a\u043e\u0439. \u042d\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u044b\u0439 extension, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 Composable \u0432 Compose view, \u2014 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044c\u044e\u0448\u043a\u0430 \u0434\u043b\u044f Composable.\u00a0<\/p>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 <code>setContent<\/code> \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f:<\/p>\n<ol>\n<li>\n<p>\u041f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u0441\u0442\u0435\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0438\u0437 ViewModel, \u0432\u044b\u0437\u044b\u0432\u0430\u044f <code>collectAsState<\/code> (\u043d\u043e \u043b\u0443\u0447\u0448\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 <code>collectAsStateWithLifecycle<\/code>) \u042d\u0442\u043e \u0432\u0430\u0436\u043d\u043e, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 Compose, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043b\u0443\u0447\u0448\u0435 \u043e\u043f\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0435\u0439\u0442\u043e\u043c, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e Flow \u0438\u043b\u0438 RX-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438<\/p>\n<\/li>\n<li>\n<p>\u0412\u044b\u0437\u044b\u0432\u0430\u0435\u043c Composable-\u0444\u0443\u043d\u043a\u0446\u0438\u044e <code>MainScreen<\/code>. \u042d\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u0430\u044f Composable-\u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u0441\u0442\u0435\u0439\u0442 \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 \u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0432 \u043d\u0430\u0448\u0443 ViewModel. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 <code>viewModel::load<\/code> \u2014 \u044d\u0442\u043e \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434 <code>load<\/code> \u0443 ViewModel. \u041d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0437\u0436\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u0442\u0430\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f<\/p>\n<\/li>\n<\/ol>\n<p><a class=\"anchor\" name=\"411\" id=\"411\"><\/a><\/p>\n<h4>MainScreen<\/h4>\n<p>\u0415\u0441\u043b\u0438 \u043c\u044b \u0437\u0430\u0439\u0434\u0435\u043c \u0432 <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/androidApp\/src\/main\/java\/ru\/kts\/mobile\/sample\/android\/ui\/MainScreen.kt\"><u>MainScreen<\/u><\/a>, \u0442\u043e \u0443\u0432\u0438\u0434\u0438\u043c <code>when<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0432\u0435\u0442\u043a\u0438:<\/p>\n<pre><code class=\"kotlin\">when {     state.error -> ErrorState(         modifier = Modifier             .align(Alignment.Center),         onLoadClick = onLoadClick,     )     state.loading -> CircularProgressIndicator(         modifier = Modifier             .align(Alignment.Center),         color = buttonPrimaryActiveColor,         strokeWidth = 3.dp,     )     userInfo != null -> UserInfoDetails(         modifier = Modifier             .align(Alignment.Center),         userInfo = userInfo,         onLoadClick = onLoadClick,     ) } <\/code><\/pre>\n<p>\u0417\u0434\u0435\u0441\u044c \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u044d\u043a\u0440\u0430\u043d\u0430:<\/p>\n<ul>\n<li>\n<p><code>error<\/code> \u2014 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439<\/p>\n<\/li>\n<li>\n<p><code>loading<\/code> \u2014 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438<\/p>\n<\/li>\n<li>\n<p><code>userInfo<\/code> \u2014 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u044d\u043a\u0440\u0430\u043d\u0430, \u043a\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435, \u0438 \u043c\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0438\u0445<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0443\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u044b \u043e\u0431\u0435\u0440\u0442\u043a\u0438,\u00a0 \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u0435\u0435 \u0432 \u043a\u043e\u0434\u0435. \u041d\u043e \u0443 \u043d\u0430\u0441 \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a.\u00a0<\/p>\n<p>\u0422\u0430\u043a \u0432\u044c\u044e\u0448\u043a\u0430 \u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442 \u0441\u0442\u0435\u0439\u0442\u044b: \u0435\u0441\u0442\u044c <code>when<\/code>, \u0433\u0434\u0435 \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u044d\u043a\u0440\u0430\u043d\u0430. \u0418 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442. \u042d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043b\u0435\u0433\u043a\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 Compose.\u00a0<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u0432 MainActivity, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u0441\u0442\u0435\u0439\u0442 \u0431\u0435\u0440\u0435\u0442\u0441\u044f \u0438\u0437 ViewModel-\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u0433\u043b\u044f\u043d\u0435\u043c \u0432\u043e ViewModel \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0442\u0430\u043c.\u00a0<\/p>\n<p><a class=\"anchor\" name=\"412\" id=\"412\"><\/a><\/p>\n<h4>MainViewModel<\/h4>\n<p>\u0412 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0435 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 private \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430<\/p>\n<ul>\n<li>\n<p><code>store<\/code> \u2014 \u044d\u0442\u043e MVI Feature<\/p>\n<\/li>\n<li>\n<p><code>stateMapper<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u0430\u043f\u0438\u0442 \u0434\u043e\u043c\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u0432 UiMainState<\/p>\n<\/li>\n<\/ul>\n<pre><code class=\"kotlin\">class MainViewModel(     private val store: MainStore,     private val stateMapper: Mapper&lt;MainStore.State, UiMainState>, ) <\/code><\/pre>\n<p>\u0412 \u0438\u0434\u0435\u0430\u043b\u0435 \u0432\u044c\u044e\u0448\u043a\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u043e\u043f\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c <code>UiState<\/code>, \u0430 \u043d\u0435 \u0434\u043e\u043c\u0435\u043d\u043d\u044b\u043c \u0441\u0442\u0435\u0439\u0442\u043e\u043c, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d\u0430 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u043d\u0430\u0448\u0435\u0439 \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438.\u00a0<\/p>\n<p>\u0412\u043e ViewModel \u043d\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 \u0447\u043b\u0435\u043d\u044b \u043a\u043b\u0430\u0441\u0441\u0430:<\/p>\n<ul>\n<li>\n<p>\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e <code>state<\/code>, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u043e \u0441 \u0442\u0438\u043f\u043e\u043c <code>CStateFlow<\/code> (\u0447\u0442\u043e \u0437\u0430 \u043f\u0435\u0440\u0432\u0430\u044f \u0431\u0443\u043a\u043e\u0432\u043a\u0430 <code>C<\/code> \u0432 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0438, \u043c\u044b \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u0447\u0443\u0442\u044c \u043d\u0438\u0436\u0435), \u0438 \u0441\u0442\u043e\u0438\u0442 \u0442\u0438\u043f \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0442\u0435\u0439\u0442\u0430 (UIMainState): <code>val state: CStateFlow&lt;UiMainState><\/code>. \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e state \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u0442\u043e\u0442 \u0441\u0442\u0435\u0439\u0442, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u044c\u044e\u0448\u043a\u0430<\/p>\n<\/li>\n<li>\n<p>\u041c\u0435\u0442\u043e\u0434 <code>load: fun load() = store.accept(MainStore.Intent.Load)<\/code>. \u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u043f\u0440\u043e\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0432 MVI Feature. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2014 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438. \u0427\u0442\u043e\u0431\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0438\u043d\u0442\u0435\u043d\u0442 \u0432 MVI Feature, \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u043c\u0435\u0442\u043e\u0434 <code>accept<\/code> \u0438 \u043f\u0440\u043e\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u043c \u0442\u0443\u0434\u0430 \u043d\u0443\u0436\u043d\u044b\u0439 \u043d\u0430\u043c \u0438\u043d\u0442\u0435\u043d\u0442 \u2014 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e <code>MainStore.Intent.Load<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0412\u0430\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e ViewModel \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u0440\u0430\u0442\u044c <code>UiState<\/code> \u0438\u0437 \u0441\u0442\u043e\u0440\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0431\u043b\u043e\u043a\u0435 <code>init<\/code> \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c <code>bindAndStart<\/code>:<\/p>\n<pre><code class=\"kotlin\">init {     bindAndStart {         store.states.map(stateMapper::map) bindTo (::acceptState)     }     load() } <\/code><\/pre>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 \u043b\u044f\u043c\u0431\u0434\u044b \u044d\u0442\u043e\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n<ol>\n<li>\n<p>\u0411\u0435\u0440\u0435\u043c \u043d\u0430\u0448 <code>store<\/code> \u0438 \u0435\u0433\u043e \u0441\u0442\u0435\u0439\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d \u0432\u044b\u0434\u0430\u0435\u0442<\/p>\n<\/li>\n<li>\n<p>\u041c\u0430\u043f\u0438\u043c \u0438\u0445 \u0432 <code>UiState<\/code> \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <code>stateMapper<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u0430\u043f\u0438\u0442 \u0438\u0437 \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0441\u0442\u0435\u0439\u0442\u0430 \u0432 <code>UiState<\/code><\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u0438\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u043c \u044d\u0442\u0438 \u0441\u0442\u0435\u0439\u0442\u044b \u043a \u043c\u0435\u0442\u043e\u0434\u0443 \u2014 \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043a <code>acceptState<\/code><\/p>\n<\/li>\n<li>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 \u043c\u0435\u0442\u043e\u0434\u0430 <code>acceptState<\/code> \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u043c UI \u0441\u0442\u0435\u0439\u0442 \u0432 <code>mutableState<\/code> &#8212; private \u043f\u043e\u043b\u0435 \u0442\u0438\u043f\u0430 <code>MutableStateFlow&lt;UiMainState><\/code><\/p>\n<\/li>\n<\/ol>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u043d\u0430\u0448 \u0441\u0442\u0435\u0439\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0438\u0437 <code>mutableState<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043c \u043a \u0442\u0438\u043f\u0443 <code>CStateFlow<\/code>\u00a0 \u0432\u044b\u0437\u043e\u0432\u043e\u043c \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d\u0430 <code>cStateFlow()<\/code><\/p>\n<p>\u041a\u0430\u043a \u0443\u0436\u0435 \u043e\u0442\u043c\u0435\u0447\u0430\u043b\u043e\u0441\u044c \u0440\u0430\u043d\u0435\u0435, \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0442\u0438\u043f\u043e\u043c <code>CStateFlow<\/code>, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043e <code>StateFlow<\/code>. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0435 \u0430\u043d\u0434\u0440\u043e\u0438\u0434\u043e\u0432\u0441\u043a\u0430\u044f ViewModel, \u0430 KMM-\u043d\u0430\u044f <a href=\"https:\/\/github.com\/icerockdev\/moko-mvvm\"><u>ViewModel<\/u><\/a>. \u041e\u043d\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043c\u043e\u0434\u0443\u043b\u0435 shared, \u0432 <code>commonMain<\/code>. \u0418 \u044d\u0442\u0430 ViewModel \u0448\u0430\u0440\u0438\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 iOS \u0438 Android.\u00a0<\/p>\n<p>\u0412 Kotlin \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u0438. \u0418 \u0432 Kotlin \u043a\u0430\u043a \u0440\u0430\u0437 <code>StateFlow<\/code> \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u0432 \u0432\u0438\u0434\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u041e \u043d\u044e\u0430\u043d\u0441\u0430\u0445 \u0438\u043d\u0442\u0435\u0440\u043e\u043f\u0430 Kotlin \u0438 Swift \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0432 <a href=\"https:\/\/habr.com\/ru\/companies\/kts\/articles\/715890\/?utm_source=habr\"><u>\u0441\u0442\u0430\u0442\u044c\u0435 \u043e \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u0438 KMM c \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430.\u00a0<\/u><\/a><\/p>\n<p>\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0432 Swift \u0442\u043e\u0436\u0435 \u0435\u0441\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b. \u041e\u043d\u0438 \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430\u043c\u0438. \u041d\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0432 Swift, \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u0438, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043c\u044b \u0438 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u043c \u043d\u0430\u0448 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u043a\u043e\u0440\u0443\u0442\u0438\u043d\u043e\u0432\u0441\u043a\u0438\u0439 <code>StateFlow<\/code> \u0432 \u043e\u0431\u0435\u0440\u0442\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <code>CStateFlow<\/code>.<\/p>\n<p>\u041a\u043e\u0433\u0434\u0430 Kotlin \u043a\u043e\u0434 \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f\u00a0 \u0432 Objective C \u0434\u043b\u044f iOS, \u0442\u0430\u043c \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u043a\u043b\u0430\u0441\u0441 <code>CStateFlow<\/code>. \u0418 \u043a\u043b\u0430\u0441\u0441\u044b \u043d\u0430 Swift \u043c\u043e\u0433\u0443\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0441\u0435\u0431\u0435 \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u0438. \u0422\u043e \u0435\u0441\u0442\u044c \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u0434\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0441 iOS. \u041d\u043e \u043f\u043e \u0441\u0443\u0442\u0438 \u044d\u0442\u043e \u0442\u043e\u0442 \u0436\u0435 <code>StateFlow<\/code>.<\/p>\n<p>\u041c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438 ViewModel, \u0438 \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0439\u0442\u0438 \u0435\u0449\u0435 \u0433\u043b\u0443\u0431\u0436\u0435 \u0438 \u043f\u043e\u043f\u0430\u0441\u0442\u044c \u0432 \u043d\u0430\u0448 Store, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u2014 \u0432 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u0435 MainStore.<\/p>\n<p><a class=\"anchor\" name=\"413\" id=\"413\"><\/a><\/p>\n<h4>MainStore<\/h4>\n<p>\u042d\u0442\u043e <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/shared\/src\/commonMain\/kotlin\/ru\/kts\/mobile\/sample\/domain\/api\/MainStore.kt\"><u>\u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441<\/u><\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 Store.\u00a0<\/p>\n<p><strong>\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 Store<\/strong> \u2013 \u044d\u0442\u043e \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 MVI Kotlin. \u041a\u043e\u0433\u0434\u0430 \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 MVI Kotlin, \u043e\u043d \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442\u0441\u044f \u043e\u0442 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u0441\u0442\u043e\u0440\u0430 \u0438 \u043e\u0442\u0434\u0430\u0435\u0442 \u0432 \u0431\u0430\u0437\u043e\u0432\u044b\u0439 Store\u00a0 \u0442\u0440\u0438 \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u0430:<\/p>\n<pre><code class=\"kotlin\">interface MainStore : Store&lt;MainStore.Intent, MainStore.State, Nothing><\/code><\/pre>\n<ul>\n<li>\n<p><code>MainStore.Intent<\/code> \u2014 \u0442\u0438\u043f\u044b \u0438\u043d\u0442\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u0432 \u043d\u0430\u0448\u0443 \u0444\u0438\u0447\u0443 \u2014 \u0432 \u0447\u0435\u0440\u043d\u0443\u044e \u043a\u043e\u0440\u043e\u0431\u043a\u0443<\/p>\n<\/li>\n<li>\n<p><code>MainStore.State<\/code> \u2014 \u0442\u0438\u043f \u0441\u0442\u0435\u0439\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u0434\u0430\u0435\u0442 \u0444\u0438\u0447\u0430 \u043d\u0430\u0440\u0443\u0436\u0443<\/p>\n<\/li>\n<li>\n<p><code>Nothing<\/code> \u2014 \u0442\u0438\u043f \u043b\u0435\u0439\u0431\u043b\u0430. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0443 \u043d\u0430\u0441 \u043d\u0435\u0442 \u043b\u0435\u0439\u0431\u043b\u043e\u0432, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0442\u0430\u043c \u0441\u0442\u043e\u0438\u0442 Nothing<\/p>\n<\/li>\n<\/ul>\n<p>MVI \u0445\u043e\u0440\u043e\u0448 \u0442\u0435\u043c, \u0447\u0442\u043e \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043b\u0435\u0439\u0431\u043b\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u044b\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439, \u043a\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0442\u043e\u0441\u0442, \u0434\u0438\u0430\u043b\u043e\u0433 \u0438\u043b\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e. \u0422\u043e \u0435\u0441\u0442\u044c \u044d\u0442\u043e \u043e\u0434\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u044b\u0435 \u0448\u0442\u0443\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0432 \u043e\u0431\u0449\u0435\u043c \u0441\u0442\u0435\u0439\u0442\u0435.\u00a0<\/p>\n<p>\u0412 \u043d\u0430\u0448\u0435\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043d\u0435\u0442 \u043b\u0435\u0439\u0431\u043b\u043e\u0432, \u0442\u0430\u043a \u043a\u0430\u043a \u043d\u0435\u0442 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438\u043b\u0438 \u0442\u043e\u0441\u0442\u043e\u0432 \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439.<\/p>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 \u0441\u0430\u043c\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u044b \u0434\u0432\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438:<\/p>\n<p>1. \u0414\u043e\u043c\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442:<\/p>\n<pre><code class=\"kotlin\">data class State internal constructor(     val details: UserInfo? = null,     val isLoading: Boolean = false,     val isError: Boolean = false, ) <\/code><\/pre>\n<p>\u0423 \u043d\u0435\u0433\u043e \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430:<\/p>\n<ul>\n<li>\n<p><code>details<\/code> \u2014 \u0434\u0430\u043d\u043d\u044b\u0435 \u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435<\/p>\n<\/li>\n<li>\n<p><code>isLoading<\/code> \u2014 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043b\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430<\/p>\n<\/li>\n<li>\n<p><code>isError<\/code> \u2014 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u043f\u0440\u0438\u0448\u043b\u0430 \u043b\u0438 \u043a \u043d\u0430\u043c \u043e\u0448\u0438\u0431\u043a\u0430<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u0438\u043f\u0430 <code>Boolean<\/code> \u0432 <code>isError<\/code> \u0431\u0443\u0434\u0435\u0442 \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u0439 <code>StringMessage<\/code>, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u0448\u0438\u0431\u043a\u0438 \u0432 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0435 \u0431\u044b\u0432\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435, \u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u0438\u043f\u0430 \u043e\u0448\u0438\u0431\u043a\u0438 (\u0433\u0440\u0443\u0431\u043e \u0433\u043e\u0432\u043e\u0440\u044f, \u0442\u0438\u043f\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f) \u043e\u043d\u0438 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443. \u0418 \u043e\u0434\u043d\u0438\u043c <code>Boolean<\/code> \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u043e\u0448\u0438\u0431\u043e\u043a \u043d\u0435 \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c.\u00a0<\/p>\n<p>2. \u041e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u043d\u0442\u043e\u0432:<\/p>\n<pre><code class=\"kotlin\">sealed interface Intent {     object Load : Intent } <\/code><\/pre>\n<p>\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0442\u0438\u043f \u0438\u043d\u0442\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0432 \u043d\u0430\u0448\u0443 \u0444\u0438\u0447\u0443.\u00a0<\/p>\n<p>\u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0438\u043d\u0442\u0435\u043d\u0442 \u2014 <code>Load<\/code>. \u042d\u0442\u043e \u0438\u043d\u0442\u0435\u043d\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0437\u0434\u0435\u0441\u044c \u043c\u043e\u0433 \u0431\u044b\u0442\u044c \u0438 \u0434\u0440\u0443\u0433\u043e\u0439, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0435\u0444\u0440\u0435\u0448 \u0438\u043b\u0438 \u0432\u0432\u043e\u0434 \u0442\u0435\u043a\u0441\u0442\u0430.<\/p>\n<p>\u041e\u0431\u044b\u0447\u043d\u043e \u0438\u043d\u0442\u0435\u043d\u0442\u044b \u043e\u0431\u044a\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u0432\u0438\u0434\u0435 <code>sealed<\/code>-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 \u0438\u043b\u0438 <code>sealed<\/code>-\u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u0430\u043a \u0438\u0445 \u0443\u0434\u043e\u0431\u043d\u043e \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432 \u0441\u0430\u043c\u043e\u0439 \u0444\u0438\u0447\u0435.\u00a0<\/p>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 <code>MainStore<\/code> \u2014 \u044d\u0442\u043e \u043f\u043e \u0441\u0443\u0442\u0438 API \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438. \u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0417\u0434\u0435\u0441\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u043f\u0438\u0441\u0430\u043d \u0441\u0442\u0435\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043d\u0430\u0448\u0430 \u0444\u0438\u0447\u0430 \u043e\u043f\u0435\u0440\u0438\u0440\u0443\u0435\u0442. \u0422\u0430\u043a\u0436\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0438\u043d\u0442\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0444\u0438\u0447\u0430 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c.\u00a0<\/p>\n<p>\u0421\u0430\u043c\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 <code>MainExecutor<\/code>, \u0430 \u0432 \u0434\u043e\u0432\u0435\u0441\u043e\u043a \u043a \u043d\u0435\u043c\u0443 \u0438\u0434\u0443\u0442 <code>MainReducer<\/code> \u0438 <code>MainStoreFactory<\/code>. \u0420\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u0438\u0445 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435.<\/p>\n<p><a class=\"anchor\" name=\"414\" id=\"414\"><\/a><\/p>\n<h4>StoreFactory<\/h4>\n<p>\u0422\u0430\u043a \u043a\u0430\u043a \u0444\u0438\u0447\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u0432 \u0432\u0438\u0434\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0435\u0433\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0435\u0441\u0442\u044c <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/shared\/src\/commonMain\/kotlin\/ru\/kts\/mobile\/sample\/domain\/impl\/MainStoreFactory.kt\"><u>StoreFactory<\/u><\/a>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438\u043d\u0441\u0442\u0430\u043d\u0441 MVI-\u0444\u0438\u0447\u0438.\u00a0<\/p>\n<p>\u041e\u0431\u044b\u0447\u043d\u043e \u0432\u0441\u0435 <code>StoreFactory<\/code> \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u2014 \u0443 \u043d\u0438\u0445 \u0435\u0441\u0442\u044c \u043e\u0434\u0438\u043d \u043c\u0435\u0442\u043e\u0434 \u043f\u043e \u0442\u0438\u043f\u0443 create:<\/p>\n<pre><code class=\"kotlin\">fun create(): MainStore = object :     MainStore,     Store&lt;MainStore.Intent, MainStore.State, Nothing> by storeFactory.create(         name = MainStore::class.simpleName,         initialState = MainStore.State(),         bootstrapper = null,         executorFactory = {             MainExecutor(                 repository = repository,             )         },         reducer = MainReducer(),     ) {} <\/code><\/pre>\n<p>\u041c\u0435\u0442\u043e\u0434 create() \u0441\u043e\u0437\u0434\u0430\u0435\u0442 Object, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 <code>MainStore<\/code> \u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0435\u043b\u0435\u0433\u0430\u0442\u0430 \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u043d\u0430\u0448\u0435\u0433\u043e Store-\u0430<\/p>\n<p>\u041f\u043e\u043c\u0438\u043c\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f, \u043e\u0431\u044b\u0447\u043d\u043e \u0432 <code>StoreFactory<\/code> \u0435\u0449\u0451 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442 Messages. \u041d\u043e \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442 \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0438 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u043c\u0435\u0441\u0442\u0435. \u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c Store\u00a0 \u0432 \u043e\u0434\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435, \u0438\u043d\u0442\u0435\u043d\u0442\u044b \u2014 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c, \u0441\u0442\u0435\u0439\u0442 \u2014 \u0432 \u0442\u0440\u0435\u0442\u044c\u0435\u043c. \u041d\u043e \u043b\u0443\u0447\u0448\u0435, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u0438 \u0431\u044b\u043b\u043e \u0441\u0432\u044f\u0437\u043d\u043e.\u00a0<\/p>\n<p>\u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 <code>MainStoreFactory<\/code> \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 <code>sealed interface Message<\/code>:<\/p>\n<pre><code class=\"kotlin\">sealed interface Message {     object SetLoading : Message     data class SetUserInfo(val userInfo: UserInfo) : Message     object SetError : Message } <\/code><\/pre>\n<p>\u042d\u0442\u043e \u0432\u0430\u0436\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 MVI, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u0442\u043e\u0436\u0435 \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043c \u043f\u043e\u0437\u0436\u0435.<\/p>\n<p>\u041d\u0430\u043f\u043e\u043c\u043d\u0438\u043c, \u0447\u0442\u043e Store \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0435\u043b\u0435\u0433\u0430\u0442\u0430 <code>StoreFactory<\/code>. \u041a\u043e\u0433\u0434\u0430 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u044d\u0442\u0443 MVI-\u0444\u0438\u0447\u0443, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0437\u0430\u0434\u0430\u0442\u044c \u0435\u0439 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u044b \u0445\u043e\u0442\u0438\u043c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u043d\u0430\u0448\u0438 MVI-\u0444\u0438\u0447\u0438 \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043b\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 \u043d\u0438\u0445 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442, \u0438 \u0441\u0442\u0435\u0439\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d\u0438 \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u0438\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u0432\u044b\u0434\u0430\u043b\u0438. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0431\u0430\u0437\u043e\u0432\u044b\u0439 <code>StoreFactory<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0441\u0435\u0431\u0435 \u0442\u0430\u043a\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435.\u00a0<\/p>\n<p>\u0415\u0441\u043b\u0438 \u043c\u044b \u0437\u0430\u0439\u0434\u0435\u043c \u0432 DI \u043c\u043e\u0434\u0443\u043b\u044c (<a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/shared\/src\/commonMain\/kotlin\/ru\/kts\/mobile\/sample\/di\/MainModule.kt\"><u>mainModule<\/u><\/a>), \u0433\u0434\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f <code>StoreFactory<\/code>, \u0442\u043e \u0443\u0432\u0438\u0434\u0438\u043c, \u0447\u0442\u043e \u043e\u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 <code>LoggingStoreFactory<\/code>. \u0415\u0441\u043b\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c, \u0447\u0442\u043e <code>LoggingStoreFactory<\/code> \u043f\u0440\u043e\u0441\u0442\u043e \u043b\u043e\u0433\u0438\u0440\u0443\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0444\u0438\u0447\u0438, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043b\u043e\u0433\u0433\u0435\u0440\u0430 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043b\u044e\u0431\u043e\u0439, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e <a href=\"https:\/\/github.com\/AAkira\/Napier\"><u>Napier<\/u><\/a>.<\/p>\n<p>\u0412 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 MVIKotlin \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 <code>StoreFactory<\/code>. \u041c\u043e\u0436\u043d\u043e \u0441\u0430\u043c\u0438\u043c \u0432\u044b\u0431\u0438\u0440\u0430\u0442\u044c,\u00a0 \u043a\u0430\u043a\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c. \u0422\u0430\u043a\u0436\u0435 \u0435\u0441\u0442\u044c \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u0442 \u2014 \u043d\u0435 \u043d\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435.\u00a0<\/p>\n<p>\u041e\u0431\u044b\u0447\u043d\u043e \u0432 100% \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c <a href=\"https:\/\/github.com\/arkivanov\/MVIKotlin\/blob\/master\/mvikotlin-logging\/src\/commonMain\/kotlin\/com\/arkivanov\/mvikotlin\/logging\/store\/LoggingStoreFactory.kt\"><u>LoggingStoreFactory<\/u><\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u043e, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 MVI-\u0444\u0438\u0447\u0438. \u042d\u0442\u043e \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u0438 \u043e\u0442\u043b\u0430\u0434\u043a\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<p>\u041c\u044b \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438, \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435 <code>MainStoreFactory<\/code>. \u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c <code>Executor<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0431\u041e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438.<\/p>\n<p><a class=\"anchor\" name=\"415\" id=\"415\"><\/a><\/p>\n<h4>Executor<\/h4>\n<p>\u042f\u0434\u0440\u043e \u0447\u0435\u0440\u043d\u043e\u0439 \u043a\u043e\u0440\u043e\u0431\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u0438\u043d\u0442\u0435\u043d\u0442\u044b, \u0447\u0442\u043e-\u0442\u043e \u0441 \u043d\u0438\u043c\u0438 \u0434\u0435\u043b\u0430\u0435\u0442, \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0438\u0445 \u0438 \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0435\u0439\u0442. \u0412 \u043d\u0435\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043f\u043e\u0445\u043e\u0434\u044b \u0447\u0435\u0440\u0435\u0437 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0432 \u0441\u0435\u0442\u044c, \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f.<\/p>\n<p>\u0412 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 <code>Executor<\/code> \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/shared\/src\/commonMain\/kotlin\/ru\/kts\/mobile\/sample\/domain\/impl\/MainExecutor.kt\"><u>MainExecutor<\/u><\/a>. \u041e\u043d \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u044b\u0439 <code>Executor<\/code>.\u00a0<\/p>\n<p>\u0411\u0430\u0437\u043e\u0432\u044b\u0439 <code>Executor<\/code> \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u043c\u0435\u0442\u043e\u0434\u044b \u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043d\u043e\u0433\u043e <code>Executor<\/code> \u0432 <code>scope.launch<\/code>:<\/p>\n<pre><code class=\"kotlin\">final override fun executeIntent(intent: Intent, getState: () -> State) {     scope.launch {         suspendExecuteIntent(intent, getState)     } }  final override fun executeAction(action: Action, getState: () -> State) {     scope.launch {         suspendExecuteAction(action, getState)     } } <\/code><\/pre>\n<p>\u042d\u0442\u043e \u043d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c suspend-\u0432\u044b\u0437\u043e\u0432\u044b \u0432 <code>scope.launch<\/code>.<\/p>\n<p>\u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e <code>scope<\/code> \u0432 <code>Executor<\/code> \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u043c \u043f\u043e\u0442\u043e\u043a\u0435, \u0442\u0430\u043a \u043a\u0430\u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u043e\u0442\u043e\u043a\u0435, \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u0440\u0443\u0442\u0438\u043d \u043c\u043e\u0436\u043d\u043e \u043b\u0435\u0433\u043a\u043e \u0442\u044f\u0436\u0435\u043b\u043e\u0432\u0435\u0441\u043d\u044b\u0435 \u0438\u043b\u0438 IO \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u043e\u0442\u043e\u043a\u0430\u0445. \u0422\u0430\u043a\u0436\u0435 \u0432\u0430\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e \u043f\u0440\u0438 <code>dispose<\/code>-\u0435 \u0444\u0438\u0447\u0438 \u0435\u0435 <code>scope<\/code> \u043e\u0442\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0430\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c cancelable suspend \u0432\u044b\u0437\u043e\u0432\u044b. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0438\u0437-\u0437\u0430 structured concurrency \u0432 Kotlin Coroutines \u0432\u0441\u0435 \u043d\u0430\u0448\u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043d\u0430\u0448\u0435\u0433\u043e scope \u0442\u0430\u043a\u0436\u0435 \u043e\u0442\u043c\u0435\u043d\u044f\u0442\u0441\u044f. <a href=\"https:\/\/habr.com\/ru\/company\/kts\/blog\/660611\/?utm_source=habr\"><u>\u042d\u0442\u0430 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f \u0443\u0434\u043e\u0431\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u0432 iOS \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u044f\u0437\u044b\u043a\u0430 Swift.<\/u><\/a><\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0437\u0434\u0435\u0441\u044c \u0435\u0441\u0442\u044c \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0442\u0434\u0430\u044e\u0442\u0441\u044f \u0432 \u0431\u0430\u0437\u043e\u0432\u044b\u0439 <code>Executor<\/code>:<\/p>\n<pre><code class=\"kotlin\">internal abstract class BaseExecutor&lt;in Intent : Any, in Action : Any, in State : Any, Message : Any, Label : Any>(     mainContext: CoroutineContext = Dispatchers.Main, ) : CoroutineExecutor&lt;Intent, Action, State, Message, Label>(mainContext = mainContext) { <\/code><\/pre>\n<p>\u0417\u0434\u0435\u0441\u044c \u0435\u0441\u0442\u044c \u043f\u044f\u0442\u044c \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u043e\u0432:<\/p>\n<ul>\n<li>\n<p><code>Intent<\/code> \u2014 \u0442\u043e, \u0447\u0442\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u043e\u0441\u044b\u043b\u0430\u0435\u0442 \u0432 \u0444\u0438\u0447\u0443<\/p>\n<\/li>\n<li>\n<p><code>Action<\/code> \u2014 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f<\/p>\n<\/li>\n<li>\n<p><code>State<\/code> \u2014 \u0441\u0442\u0435\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043e\u043f\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0444\u0438\u0447\u0430<\/p>\n<\/li>\n<li>\n<p><code>Message<\/code> \u2014 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438\u043d\u0442\u0435\u043d\u0442\u0430, \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e Reducer (\u043e \u043d\u0435\u043c \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043c \u0434\u0430\u043b\u0435\u0435) \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0435\u0439\u0442<\/p>\n<\/li>\n<li>\n<p><code>Label<\/code> \u2014 \u043e\u0434\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435<\/p>\n<\/li>\n<\/ul>\n<p>\u0427\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u043f\u043e\u043a\u0435\u043c\u043e\u043d <code>Action<\/code>? \u0418\u0442\u0430\u043a, \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 UI. \u0421 \u044d\u0442\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043c\u043e\u0436\u0435\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c, \u0442\u043e \u0435\u0441\u0442\u044c \u043e\u0442\u0441\u044b\u043b\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u043d\u0442\u044b \u0432 \u0444\u0438\u0447\u0443. \u041d\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441 \u0444\u0438\u0447\u0435\u0439 \u043d\u0435 \u0438\u0437\u0432\u043d\u0435, \u0430 \u0438\u0437\u043d\u0443\u0442\u0440\u0438.<\/p>\n<p><strong>\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0438\u0437\u0432\u043d\u0435<\/strong> \u2014 \u044d\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0441\u0430\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043b \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0438 \u0438\u043d\u0442\u0435\u043d\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0441\u044f. <br \/><strong>\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0438\u0437\u043d\u0443\u0442\u0440\u0438<\/strong> \u2014 \u044d\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0443\u0436\u043d\u043e, \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u044f \u0441\u0435\u0442\u0438 \u043d\u0435 \u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0435 \u0432 \u0441\u0435\u0442\u044c, \u0430 \u0438\u0434\u0442\u0438 \u0441\u0440\u0430\u0437\u0443 \u0432 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043b\u0438\u0448\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0438 \u043f\u0430\u043c\u044f\u0442\u044c.<\/p>\n<p>\u0414\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u043a\u0435\u0439\u0441\u043e\u0432 \u0435\u0441\u0442\u044c <code>Action<\/code>. \u042d\u0442\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0441\u044b\u043b\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u044e \u0444\u0438\u0447\u0443. \u041e\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0440\u0435\u0434\u043a\u043e, \u043d\u043e \u0431\u044b\u0432\u0430\u044e\u0442 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u043c\u0438.<\/p>\n<p>\u0415\u0449\u0435 \u0432 <code>MainExecutor<\/code> \u043d\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442 \u043c\u0435\u0442\u043e\u0434 <code>suspendExecuteIntent<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u0438\u0437 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e <code>Executor<\/code>. \u0412 \u044d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u043c\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u043c \u043d\u0430\u0448\u0438 \u0438\u043d\u0442\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0441\u044b\u043b\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0432 \u0447\u0435\u0440\u043d\u0443\u044e \u043a\u043e\u0440\u043e\u0431\u043a\u0443.\u00a0<\/p>\n<p>\u0421\u0438\u0433\u043d\u0430\u0442\u0443\u0440\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>intent<\/code> \u0438 \u043b\u044f\u043c\u0431\u0434\u0443 <code>getState<\/code>:<\/p>\n<pre><code class=\"kotlin\">override suspend fun suspendExecuteIntent(     intent: MainStore.Intent,     getState: () -> MainStore.State, ) = when (intent) {     is MainStore.Intent.Load -> loadUserInfo() } <\/code><\/pre>\n<p><code>getState<\/code> \u2014 \u044d\u0442\u043e \u043b\u044f\u043c\u0431\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c. \u041e\u043d\u0430 \u0432\u0435\u0440\u043d\u0435\u0442 \u043d\u0430\u043c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0442\u0435\u0439\u0442.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0431\u044b \u0432\u043c\u0435\u0441\u0442\u043e <code>getState: () -> MainStore<\/code>.State \u0431\u044b\u043b\u043e \u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e <code>state: MainStore.State<\/code>, \u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u0430 \u0431\u044b \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 <code>State<\/code>. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u044b \u043d\u0435 \u0441\u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u0444\u0438\u0447\u0438. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u0432 \u0432\u0438\u0434\u0435 \u043b\u044f\u043c\u0431\u0434\u044b, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u043c\u0435\u043d\u043d\u043e\u0439 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0442\u0435\u0439\u0442 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u044b\u0437\u043e\u0432\u0430 \u043b\u044f\u043c\u0431\u0434\u044b.<\/p>\n<p>\u0414\u0430\u043b\u0435\u0435 \u043f\u043e \u043a\u043e\u0434\u0443 \u0431\u0435\u0440\u0435\u043c <code>when<\/code> \u043e\u0442 Intent. \u0422\u0430\u043a \u043a\u0430\u043a <code>Intent<\/code> \u2014 \u044d\u0442\u043e <code>sealed<\/code>-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043e\u0434\u0438\u043d \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a, \u0443 \u043d\u0430\u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u0430 \u0432\u0435\u0442\u043a\u0430 \u2014 <code>Load<\/code>. \u0412 \u043d\u0435\u0439 \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u043c\u0435\u0442\u043e\u0434 <code>loadUserInfo()<\/code>.\u00a0<\/p>\n<p>\u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u0435 \u043c\u044b \u0434\u0438\u0441\u043f\u0430\u0442\u0447\u0438\u043c <code>Message.SetLoading<\/code>:<\/p>\n<pre><code class=\"kotlin\">when (val response = repository.getUserInfo()) {     is Response.Success -> dispatch(MainStoreFactory.Message.SetUserInfo(response.data))     is Response.Failed -> dispatch(MainStoreFactory.Message.SetError) } <\/code><\/pre>\n<p><code>MainExecutor<\/code> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u043d\u043e \u043e\u043d \u043d\u0435 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0442\u0435\u0439\u0442 \u0432 \u043d\u043e\u0432\u044b\u0439. \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u0442\u0435\u0439\u0442\u0430 \u0438\u0437 \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u0432 \u043d\u043e\u0432\u044b\u0439 \u043f\u043e\u0441\u043b\u0435 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c <code>Reducer<\/code>. \u042d\u0442\u043e \u043d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b <code>Executor<\/code> \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0441\u0435, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 <code>Executor<\/code> \u2014 \u0434\u0438\u0441\u043f\u0430\u0442\u0447\u0438\u0442 <code>Message.SetLoading<\/code>.\u00a0<\/p>\n<p><code>Reducer<\/code>, \u043f\u0440\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043c \u043f\u043e\u0437\u0436\u0435, \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u044d\u0442\u0438 <code>Messages<\/code>, \u0431\u0435\u0440\u0435\u0442 \u0441\u0442\u0430\u0440\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u044d\u0442\u0438\u0445 <code>Messages<\/code> \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442 \u0435\u0433\u043e \u0432 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0435\u0439\u0442. \u0410 \u0444\u0438\u0447\u0430 \u0437\u0430\u0442\u0435\u043c \u0432\u044b\u043f\u043b\u044e\u043d\u0435\u0442 \u044d\u0442\u043e\u0442 \u0441\u0442\u0435\u0439\u0442 \u043d\u0430\u0440\u0443\u0436\u0443.<\/p>\n<p>\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u043c\u044b \u0433\u043e\u0432\u043e\u0440\u0438\u043c, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u043c\u0435\u0442\u043e\u0434\u0430 <code>loadUserInfo<\/code>. \u0414\u0430\u043b\u0435\u0435 \u043c\u044b \u0438\u0434\u0435\u043c \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e\u0431 \u044d\u0442\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435.\u00a0<\/p>\n<p>\u041c\u0435\u0442\u043e\u0434 <code>getUserInfo<\/code> \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0431\u0435\u0440\u0442\u043a\u0443 \u0432 \u0432\u0438\u0434\u0435 <code>Response<\/code>. \u042d\u0442\u043e \u0431\u0430\u0437\u043e\u0432\u0430\u044f \u043e\u0431\u0435\u0440\u0442\u043a\u0430, \u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0434\u0432\u0430 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430: <code>Success<\/code> \u0438 <code>Failed<\/code>.\u00a0<\/p>\n<p>\u0412 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0432 \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d\u0435 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0435\u0440\u043d\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435. \u041e\u043d \u043c\u043e\u0436\u0435\u0442 \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0442\u0438 \u043e\u0448\u0438\u0431\u043a\u0430. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u0431\u044b\u0447\u043d\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u044e\u0442 \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0443 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f \u0432 \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u043e\u0431\u0435\u0440\u0442\u043a\u0443. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u043e\u0431\u0435\u0440\u0442\u043a\u0430 <code>Response<\/code>.\u00a0<\/p>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442\u0441\u044f \u0434\u0432\u0435 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438: \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u0445\u043e\u0434\u0438\u043b\u0438 \u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0438 \u043d\u0435\u0443\u0441\u043f\u0435\u0448\u043d\u043e. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u0443 <code>when<\/code> \u0435\u0441\u0442\u044c \u0434\u0432\u0435 \u0432\u0435\u0442\u043a\u0438.\u00a0<\/p>\n<p>\u0415\u0441\u043b\u0438 \u043c\u044b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u0445\u043e\u0434\u0438\u043b\u0438 \u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u043c\u0438, \u0442\u043e \u043c\u044b \u0434\u0438\u0441\u043f\u0430\u0442\u0447\u0438\u043c \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u2014 <code>Message.SetUserInfo(response.data))<\/code>. \u042d\u0442\u043e\u0442 Message \u0438\u0434\u0435\u0442 \u0432 Reducer, \u0433\u0434\u0435 \u043e\u043d \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442 \u0441\u0442\u0430\u0440\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u0432 \u043d\u043e\u0432\u044b\u0439. \u0410 \u043a\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043e\u0448\u0438\u0431\u043a\u0430, \u043c\u044b \u0441\u0442\u0430\u0432\u0438\u043c \u043e\u0448\u0438\u0431\u043a\u0443: <code>Message.SetError.<\/code><\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c Reducer.\u00a0<\/p>\n<p><a class=\"anchor\" name=\"416\" id=\"416\"><\/a><\/p>\n<h4>Reducer<\/h4>\n<p>\u041e\u0431\u044b\u0447\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441. \u041e\u043d \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442\u0441\u044f \u043e\u0442 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043d\u043e\u0433\u043e <code>Reducer<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043e\u0434\u0438\u043d \u043c\u0435\u0442\u043e\u0434 \u2014 <code>reduce<\/code>. \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/shared\/src\/commonMain\/kotlin\/ru\/kts\/mobile\/sample\/domain\/impl\/MainReducer.kt\"><u>MainReducer<\/u><\/a>:<\/p>\n<pre><code class=\"kotlin\">internal class MainReducer : Reducer&lt;MainStore.State, MainStoreFactory.Message> {      override fun MainStore.State.reduce(         msg: MainStoreFactory.Message,     ) = when (msg) {         is MainStoreFactory.Message.SetError -> copy(             isError = true,             isLoading = false,         )         is MainStoreFactory.Message.SetUserInfo -> copy(             details = msg.userInfo,             isLoading = false,         )         is MainStoreFactory.Message.SetLoading -> copy(             isLoading = true,             isError = false,         )     } } <\/code><\/pre>\n<p>\u0421\u0443\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u0430 <code>reduce<\/code> \u2014 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0440\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u0432 \u043d\u043e\u0432\u044b\u0439. \u042d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430 <code>copy<\/code>, \u0438 \u044d\u0442\u043e \u0432\u0430\u0436\u043d\u043e, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043d\u0430\u0448 \u0441\u0442\u0435\u0439\u0442 <strong>\u043e\u0431\u044f\u0437\u0430\u043d \u0431\u044b\u0442\u044c<\/strong> Immutable (\u043d\u0435\u0438\u0437\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u043c). \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043c\u044b \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u043d\u0430\u0448 \u0441\u0442\u0430\u0440\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u0438 \u043c\u0435\u043d\u044f\u0435\u043c \u0432 \u043d\u0435\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u044b.\u00a0<\/p>\n<p><code>Message<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0432 <code>Reducer<\/code>, \u0431\u044b\u043b \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d \u0432 \u0432\u0438\u0434\u0435 <code>sealed<\/code>-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432\u0437\u044f\u0442\u044c <code>when<\/code> \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 <code>reduce<\/code> \u043e\u0442 \u044d\u0442\u043e\u0433\u043e <code>Message<\/code>. \u0412 \u0438\u0442\u043e\u0433\u0435 \u0443 \u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0442\u0440\u0438 \u0432\u0435\u0442\u043a\u0438, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0435\u0439\u0442\u0430:\u00a0 <code>SetError<\/code>, <code>SetUserInfo<\/code>\u00a0 \u0438 <code>SetLoading<\/code>.<\/p>\n<p><strong>\u041e\u0434\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u044b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f<\/strong><\/p>\n<p>\u0412\u044b\u0448\u0435 \u0431\u044b\u043b \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442 <code>Label<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u044b\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439, \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0435\u0433\u043e \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 &#8212; \u0432\u044b\u0432\u0435\u0434\u0435\u043c \u0442\u043e\u0441\u0442.\u00a0<\/p>\n<p>\u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0441\u0442\u043e\u0440, \u0438 \u043c\u044b, \u0445\u043e\u0442\u0438\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043d\u0435\u0433\u043e \u043b\u0435\u0439\u0431\u043b. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0438\u0448\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"kotlin\">sealed interface Label {     object Toast : Label } <\/code><\/pre>\n<p>\u041b\u0435\u0439\u0431\u043b \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <code>object Toast<\/code>. \u0415\u0433\u043e \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a. \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0437\u0430\u0445\u043e\u0434\u0438\u043c \u0432 <code>Executor<\/code>, \u0433\u0434\u0435 \u0432\u043c\u0435\u0441\u0442\u043e <code>Nothing<\/code> \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c <code>Label<\/code>:<\/p>\n<pre><code class=\"kotlin\">internal class MainExecutor(     private val repository: Repository, ) : BaseExecutor&lt;MainStore.Intent, Nothing, MainStore.State, MainStoreFactory.Message, MainStore.Label>() { <\/code><\/pre>\n<p>\u041f\u043e\u043c\u0438\u043c\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043c\u044b \u0443\u0436\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435, \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0435\u0449\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0442\u043e\u0441\u0442. \u041f\u0438\u0448\u0435\u043c \u0442\u0430\u043a:<\/p>\n<pre><code class=\"kotlin\">when (val response = repository.getUserInfo()) {     is Response.Success -> dispatch(MainStoreFactory.Message.SetUserInfo(response.data))     is Response.Failed -> {            publish(MainStore.Label.Toast) \/\/ \u201c\u043f\u0443\u0431\u043b\u0438\u043a\u0443\u0435\u043c\u201d \u043d\u0430\u0448 label            dispatch(MainStoreFactory.Message.SetError)                 } <\/code><\/pre>\n<p>\u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u0441\u044f \u0432\u043e ViewModel \u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u043b\u0435\u0439\u0431\u043b\u044b \u0443 \u0444\u0438\u0447\u0438.<\/p>\n<pre><code class=\"kotlin\">init {     bindAndStart {         store.states.map(stateMapper::map) bindTo ::acceptState         store.labels. bindTo ::acceptState \/\/ \u0432 \u043c\u0435\u0442\u043e\u0434 acceptState \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u044c label-\u044b     }     load() } <\/code><\/pre>\n<p>\u041b\u0435\u0439\u0431\u043b\u044b \u0431\u0438\u043d\u0434\u0438\u043c \u043a \u043a\u0430\u043a\u043e\u043c\u0443-\u0442\u043e \u043c\u0435\u0442\u043e\u0434\u0443, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2014 <code>acceptLabel<\/code> :<\/p>\n<pre><code class=\"kotlin\">private fun acceptLabel(label: MainStore.Label)  { } <\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043b\u0435\u0439\u0431\u043b\u044b \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u044c \u0432\u043e <code>ViewModel<\/code>, \u0438 \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 <code>acceptLabel<\/code> \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0438\u0445.<\/p>\n<p>\u0420\u0435\u0437\u044e\u043c\u0435 \u043f\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043d\u043e\u043c\u0443:<\/p>\n<ol>\n<li>\n<p>\u041e\u0431\u044a\u044f\u0432\u0438\u043b\u0438 \u0432 \u0441\u0442\u043e\u0440\u0435 \u043b\u0435\u0439\u0431\u043b \u0432 \u0432\u0438\u0434\u0435 <code>sealed<\/code>-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430\/\u043a\u043b\u0430\u0441\u0441\u0430<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0448\u043b\u0438 \u0432 MVI \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0433\u0434\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0432 \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u0435 \u043b\u0435\u0439\u0431\u043b \u0432\u043c\u0435\u0441\u0442\u043e <code>Nothing<\/code><\/p>\n<\/li>\n<li>\n<p>\u0412\u044b\u0437\u0432\u0430\u043b\u0438 <code>publish<\/code> \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u043b\u0438 \u0442\u0443\u0434\u0430 \u043b\u0435\u0439\u0431\u043b<\/p>\n<\/li>\n<li>\n<p>\u0412\u043e ViewModel \u0431\u0435\u0440\u0435\u043c \u043b\u0435\u0439\u0431\u043b\u044b \u0443 \u0441\u0442\u043e\u0440\u0430 \u0438 \u0431\u0438\u043d\u0434\u0438\u043c \u0438\u0445<\/p>\n<\/li>\n<li>\n<p>\u041d\u0430 UI \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u043b\u0435\u0439\u0431\u043b\u044b \u043f\u043e \u0442\u0438\u043f\u0443 <code>viewModel.labels.collect { \u2026 }<\/code>\u00a0<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0448\u0438 \u0442\u043e\u0441\u0442\u0438\u043a\u0438<\/p>\n<\/li>\n<\/ol>\n<p>\u0422\u0430\u043a \u043a\u0430\u043a MVI \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 \u041a\u041c\u041c, \u043c\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u0441\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043d\u0430 iOS.<\/p>\n<p><a class=\"anchor\" name=\"42\" id=\"42\"><\/a><\/p>\n<h3>\u0420\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b iOS<\/h3>\n<p>\u0427\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 iOS, \u043d\u0443\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0432 Xcode. Xcode \u2014 \u044d\u0442\u043e \u0441\u0440\u0435\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0438\u0448\u0443\u0442\u0441\u044f iOS-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f 2 \u044f\u0437\u044b\u043a\u0430: Objective-C \u0438 Swift. Objective-C \u2014 \u044d\u0442\u043e \u043a\u0430\u043a Java, \u0430 Swift \u2014 \u043a\u0430\u043a Kotlin. \u041d\u0430\u0448 \u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 \u0432\u0442\u043e\u0440\u043e\u043c.\u00a0<\/p>\n<p>\u0412 iOS \u0441\u0440\u0435\u0434\u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c:<\/p>\n<ul>\n<li>\n<p><code>MainViewController<\/code> \u2014 \u0430\u043d\u0430\u043b\u043e\u0433 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0430 \u0438\u0437 Android<\/p>\n<\/li>\n<li>\n<p><code>MainAssembly<\/code> \u2014 \u0437\u0434\u0435\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 ViewModel \u0438\u0437 Koin\u2019\u0430<\/p>\n<\/li>\n<li>\n<p><code>MainView<\/code> \u2014 \u0440\u0443\u0442\u043e\u0432\u0430\u044f \u0432\u044c\u044e \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u0430\u00a0<\/p>\n<\/li>\n<\/ul>\n<p>Swift \u043f\u043e \u0441\u0443\u0442\u0438 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0437\u043d\u0430\u0435\u0442 \u043f\u0440\u043e Koin, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u0437 KMM, \u0430 \u0437\u0430\u0442\u0435\u043c \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 Swift-\u043e\u0432\u043e\u043c \u043a\u043e\u0434\u0435 \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e iOS DI, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 <a href=\"https:\/\/github.com\/Swinject\/Swinject\"><u>Swinject<\/u><\/a>, \u043d\u043e \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u0438 \u0431\u0435\u0437 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u043e \u0447\u0451\u043c \u043c\u044b \u043f\u0438\u0441\u0430\u043b\u0438 \u0432 \u0441\u0442\u0430\u0442\u044c\u044f\u0445:<\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/habr.com\/ru\/companies\/kts\/articles\/688664\/\">\u041f\u0438\u0448\u0435\u043c \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 DI-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f iOS-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0447\u0430\u0441\u0442\u044c 1<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/habr.com\/ru\/companies\/kts\/articles\/713848\/\">\u041f\u0438\u0448\u0435\u043c \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 DI-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f iOS-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0447\u0430\u0441\u0442\u044c 2<\/a><\/p>\n<\/li>\n<\/ul>\n<p>\u041a\u0440\u0430\u0442\u043a\u043e \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/iosApp\/App\/Main\/View\/MainViewController.swift\"><u>MainViewController<\/u><\/a> \u0438 <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/iosApp\/App\/Main\/View\/MainView.swift\"><u>MainView<\/u><\/a>.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/fe5\/329\/aab\/fe5329aab6b79c4432137b55869445c6.jpg\" alt=\"\" title=\"\" width=\"1073\" height=\"612\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/fe5\/329\/aab\/fe5329aab6b79c4432137b55869445c6.jpg\" data-blurred=\"true\"\/><\/figure>\n<p><a class=\"anchor\" name=\"421\" id=\"421\"><\/a><\/p>\n<h4>MainViewController<\/h4>\n<p><strong>UIViewController \u0432 iOS<\/strong> \u2014 \u044d\u0442\u043e \u043f\u043e \u0441\u0443\u0442\u0438 \u0430\u043d\u0430\u043b\u043e\u0433 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043e\u0432\u00a0 \u0432 Android. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0435\u0433\u043e \u043a\u043e\u0434:<\/p>\n<pre><code class=\"kotlin\">final class MainViewController: UIViewController {          private let viewModel: MainViewModel          \u2026          private func bindUI() {                  viewModel.state.subscribe { [weak self] state in             guard let state = state, let self = self else { return }                          if state.error {                 self.mainView.updateState(.error)             } else if state.loading {                 self.mainView.updateState(.loading)             } else if let details = state.userInfo {                 self.mainView.updateState(.normal(userInfo: details))             }         }     }              \u2026 } <\/code><\/pre>\n<p>\u0421\u044e\u0434\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442\u0441\u044f ViewModel \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 <a href=\"https:\/\/github.com\/Swinject\/Swinject\"><u>Swinject<\/u><\/a>. \u0410 \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 <code>bindUI<\/code> \u043c\u044b \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0438 \u0432 Android, \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u0441\u0442\u0435\u0439\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0438\u0437 ViewModel. \u0414\u0430\u043b\u0435\u0435 \u043c\u044b \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c MainView \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u043c \u0441\u0442\u0435\u0439\u0442\u043e\u043c.<\/p>\n<p><a class=\"anchor\" name=\"422\" id=\"422\"><\/a><\/p>\n<h4>MainView<\/h4>\n<p>\u0420\u0443\u0442\u043e\u0432\u0430\u044f \u0432\u044c\u044e\u0448\u043a\u0430 \u043d\u0430 \u043d\u0430\u0448\u0435\u043c \u044d\u043a\u0440\u0430\u043d\u0435. \u042d\u0442\u043e \u0430\u043d\u0430\u043b\u043e\u0433 MainScreen, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u044b\u043b \u0432 Android. \u0412 \u043d\u0435\u0439 \u043c\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u0435\u0439\u0441\u043e\u0432 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0442\u043e\u0442 \u0438\u043b\u0438 \u0438\u043d\u043e\u0439 \u0441\u0442\u0435\u0439\u0442.\u00a0<\/p>\n<p><a class=\"anchor\" name=\"5\" id=\"5\"><\/a><\/p>\n<h2>\u041e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 Shared<\/h2>\n<p>\u041d\u0430\u043f\u043e\u043c\u043d\u0438\u043c, \u0447\u0442\u043e \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u041a\u041c\u041c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0448\u0430\u0440\u0438\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u0441\u043b\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445, \u043d\u043e \u0442\u0430\u043a\u0436\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u041a\u041c\u041c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0448\u0430\u0440\u0438\u0442\u044c \u0438 \u0435\u0449\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u043a\u043e\u0434\u0430.\u00a0<\/p>\n<p>\u0415\u0441\u043b\u0438 \u043c\u044b \u0437\u0430\u0433\u043b\u044f\u043d\u0435\u043c \u0432 \u043f\u0430\u043f\u043a\u0443 res \u0432 androidApp, \u0442\u043e \u043a\u0440\u043e\u043c\u0435 \u0441\u0442\u0438\u043b\u0435\u0439, \u043d\u0435\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432: \u0441\u0442\u0440\u043e\u043a, \u0446\u0432\u0435\u0442\u043e\u0432, \u0448\u0440\u0438\u0444\u0442\u043e\u0432.\u00a0<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/395\/e23\/23a\/395e2323a00c2d8c7b6ae1cfcbc01df5.jpg\" alt=\"\" title=\"\" width=\"1073\" height=\"612\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/395\/e23\/23a\/395e2323a00c2d8c7b6ae1cfcbc01df5.jpg\" data-blurred=\"true\"\/><\/figure>\n<p>\u0412 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043c\u044b \u043f\u043e\u0448\u0430\u0440\u0438\u043b\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043c\u0435\u0436\u0434\u0443 iOS \u0438 Android, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u0438 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 shared, \u0432 <code>CommonMain<\/code>. \u0418\u0437 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0448\u0430\u0440\u0438\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u0446\u0432\u0435\u0442\u0430, \u0441\u0442\u0440\u043e\u043a\u0438, \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438, \u0448\u0440\u0438\u0444\u0442\u044b, \u0430 \u0432 \u043a\u043e\u043c\u043c\u044c\u044e\u043d\u0438\u0442\u0438 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439, \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 <a href=\"https:\/\/github.com\/icerockdev\/moko-resources\"><u>MOKO<\/u><\/a> \u043e\u0442 IceRock \u0438 <a href=\"https:\/\/github.com\/Skeptick\/libres\"><u>libres<\/u><\/a>.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/b80\/40c\/79e\/b8040c79e8a6d180be97030c1c70363f.jpg\" alt=\"\u0414\u0435\u0444\u043e\u043b\u0442\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0432 KMM-\u043c\u043e\u0434\u0443\u043b\u0435\" title=\"\u0414\u0435\u0444\u043e\u043b\u0442\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0432 KMM-\u043c\u043e\u0434\u0443\u043b\u0435\" width=\"1519\" height=\"866\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b80\/40c\/79e\/b8040c79e8a6d180be97030c1c70363f.jpg\" data-blurred=\"true\"\/><\/p>\n<div><figcaption><strong>\u0414\u0435\u0444\u043e\u043b\u0442\u043d\u0430\u044f<\/strong> \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0432 KMM-\u043c\u043e\u0434\u0443\u043b\u0435<\/figcaption><\/div>\n<\/figure>\n<p>\u042d\u0442\u043e \u0443\u0434\u043e\u0431\u043d\u043e, \u043a\u043e\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u0444\u0438\u0447\u0443, \u0442\u043e Android-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u043d\u0435 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0438\u0434\u0442\u0438 \u0432 Figma, \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0446\u0432\u0435\u0442\u0430, \u0441\u0442\u0440\u043e\u043a\u0438 \u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438, \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0438 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0438\u0445 \u0432 Drawable XML-\u0444\u0430\u0439\u043b\u044b. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 Android-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c UI, \u0430 \u0432\u0441\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0438\u043a\u0438 \u0431\u0443\u0434\u0443\u0442 \u0432 KMM.\u00a0<\/p>\n<p>\u042d\u0442\u043e \u0443\u0434\u0435\u0448\u0435\u0432\u043b\u044f\u0435\u0442 \u0438 \u0443\u0441\u043a\u043e\u0440\u044f\u0435\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0434\u0435\u043b\u0430\u0435\u0442 \u0435\u0435 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u0438\u044f\u0442\u043d\u043e\u0439. \u0412\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043b\u043e\u0434\u0438\u0442\u044c \u044d\u0442\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0434\u0432\u0430\u0436\u0434\u044b, \u043e\u043d\u0438 \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u0438 \u0448\u0430\u0440\u044f\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u043c\u0438. \u0411\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e, \u043c\u044b \u043f\u043e \u0441\u0443\u0442\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 (\u0437\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043a\u043e\u043b\u043e\u0432) \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043d\u0430 iOS \u0438 Android. \u0418 \u0435\u0441\u043b\u0438 \u0431\u0443\u0434\u0443\u0442 \u0431\u0430\u0433\u0438, \u0442\u043e \u043d\u0430\u0432\u0435\u0440\u043d\u044f\u043a\u0430 \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u043e\u0431\u0449\u0438\u043c\u0438 ?. \u0417\u0430\u0442\u043e \u0434\u043b\u044f \u043e\u0431\u0435\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0441\u0440\u0430\u0437\u0443 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.<\/p>\n<p>\u0421 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u043c \u043d\u0430 KMM \u0434\u043b\u044f Android \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043d\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0438\u0447\u0435\u0433\u043e, \u0430 \u043e\u0431 <a href=\"https:\/\/habr.com\/ru\/company\/kts\/blog\/715890\/?utm_source=habr\"><u>\u043e\u043f\u044b\u0442\u0435 iOS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432<\/u><\/a> \u043c\u044b \u043f\u0438\u0441\u0430\u043b\u0438 \u0440\u0430\u043d\u0435\u0435.<\/p>\n<p><a class=\"anchor\" name=\"6\" id=\"6\"><\/a><\/p>\n<h2>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u00a0 MVI \u0432 \u041a\u041c\u041c<\/h2>\n<p>\u041c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438 MVI \u0432 \u041a\u041c\u041c \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0438 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 \u043a\u043e\u0434\u0435 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b Android \u0438 iOS.<\/p>\n<p>\u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u0434\u0435\u043b\u0430\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0431\u043e\u043b\u0435\u0435 \u0443\u0434\u043e\u0431\u043d\u043e\u0439 \u0438 \u0434\u0435\u0448\u0435\u0432\u043e\u0439.<\/p>\n<p>\u041f\u0440\u043e\u0435\u043a\u0442 \u0443 \u043d\u0430\u0441 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0439, \u043d\u043e \u0435\u0441\u043b\u0438 \u0433\u0440\u0430\u043c\u043e\u0442\u043d\u043e \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c shared \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0438, \u044d\u0442\u043e \u043b\u0435\u0433\u043a\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u0442\u0441\u044f. \u041f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430 \u0432 MVI \u043f\u043e\u0432\u044b\u0448\u0435, \u0447\u0435\u043c \u0432 MVVM \u0438\u043b\u0438 MVP. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 MVVM\/MVP \u0443 \u043d\u0430\u0441 \u0431\u044b\u043b\u0430 \u0431\u044b \u043b\u0438\u0448\u044c \u043e\u0434\u043d\u0430 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u2014 ViewModel\/Presenter. \u0410 \u0441 MVI \u0443 \u043d\u0430\u0441 \u0442\u0440\u0438 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0443 \u043a\u0430\u0436\u0434\u043e\u0439 \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u0432\u043e\u044f \u0437\u043e\u043d\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438.<\/p>\n<p>\u041d\u0430 \u043c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434, MVI \u0441\u0430\u043c\u043e\u0435 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0433\u043e \u0441\u043b\u043e\u044f, \u0441\u0440\u0435\u0434\u0438 \u0442\u0435\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0435\u0441\u0442\u044c \u0432 \u043a\u043e\u043c\u043c\u044c\u044e\u043d\u0438\u0442\u0438, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443:<\/p>\n<ul>\n<li>\n<p>\u042d\u043a\u0440\u0430\u043d \u0432\u0441\u0435\u0433\u0434\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438<\/p>\n<\/li>\n<li>\n<p>\u041b\u0435\u0433\u043a\u043e \u043e\u0442\u043b\u0430\u0436\u0438\u0432\u0430\u0442\u044c<\/p>\n<\/li>\n<li>\n<p>\u0414\u0430\u043d\u043d\u044b\u0435 \u0438\u0434\u0443\u0442 \u0432 \u043e\u0434\u043d\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442 \u043b\u0435\u0433\u043a\u043e \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c \u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f<\/p>\n<\/li>\n<li>\n<p>\u041b\u0435\u0433\u043a\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<p><strong>\u0414\u0440\u0443\u0433\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u043e Android-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445:<\/strong><\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/habr.com\/ru\/company\/kts\/blog\/654029\/\">\u0421\u0442\u0430\u0442\u044c\u044f \u043f\u0440\u043e OAuth,<\/a> \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0443\u0437\u043d\u0430\u0435\u0442\u0435, \u043d\u0430 \u043a\u0430\u043a\u0438\u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u044b \u0441\u0442\u043e\u0438\u0442 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u043a\u0430\u043a\u0438\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432\u044b\u0431\u0440\u0430\u0442\u044c<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/habr.com\/ru\/companies\/kts\/articles\/719218\/\">\u0421\u043f\u0438\u0441\u043e\u043a \u0444\u0438\u0448\u0435\u043a Android Studio \u0434\u043b\u044f \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/habr.com\/ru\/company\/kts\/blog\/711602\/\">\u041d\u043e \u044d\u0442\u043e (\u043d\u0435)\u0442\u043e\u0447\u043d\u043e: \u0447\u0435\u0433\u043e \u0436\u0434\u0430\u0442\u044c \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u0432 2023-\u043c \u0433\u043e\u0434\u0443<\/a><\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0414\u0440\u0443\u0433\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u043e Android-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0445:<\/strong><\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/habr.com\/ru\/company\/kts\/blog\/595465\/\">\u042d\u0442\u0430\u043f\u044b \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435 Jetpack Compose<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/habr.com\/ru\/company\/kts\/blog\/687310\/\">\u0420\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0440\u0435\u0436\u0438\u043c edge-to-edge, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0437\u043d\u0430\u043d\u0438\u044f Window Inset <\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/habr.com\/ru\/companies\/kts\/articles\/715890\/\">KMM \u0433\u043b\u0430\u0437\u0430\u043c\u0438 iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430<\/a><\/p>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><\/p>\n<div class=\"tm-article-poll-container\"><!--[--><\/p>\n<div class=\"tm-article-poll tm-article-poll_variant-bordered\">\n<div class=\"tm-notice tm-notice_positive tm-article-poll__notice\"><!----><\/p>\n<div class=\"tm-notice__inner\"><!----><\/p>\n<div class=\"tm-notice__content\" data-test-id=\"notice-content\"><!--[--><span>\u0422\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0432 \u043e\u043f\u0440\u043e\u0441\u0435. <a rel=\"nofollow\" href=\"\/kek\/v1\/auth\/habrahabr\/?back=\/ru\/companies\/kts\/articles\/729832\/&#038;hl=ru\">\u0412\u043e\u0439\u0434\u0438\u0442\u0435<\/a>, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430.<\/span><!--]--><\/div>\n<\/div>\n<\/div>\n<p><!--[--><\/p>\n<div class=\"tm-article-poll__header\">\u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e \u043f\u0430\u0442\u0442\u0435\u0440\u043d:<\/div>\n<div class=\"tm-article-poll__answers\"><!--[--><\/p>\n<div class=\"tm-article-poll__answer\">\n<div class=\"tm-article-poll__answer-data\"><span class=\"tm-article-poll__answer-percent\">10.17% <\/span><span class=\"tm-article-poll__answer-label\">MVC<\/span><span class=\"tm-article-poll__answer-votes\">6<\/span><\/div>\n<div class=\"tm-article-poll__answer-bar\">\n<div class=\"tm-article-poll__answer-progress\" style=\"width: 10.17%\"><\/div>\n<\/div>\n<\/div>\n<div class=\"tm-article-poll__answer\">\n<div class=\"tm-article-poll__answer-data\"><span class=\"tm-article-poll__answer-percent\">11.86% <\/span><span class=\"tm-article-poll__answer-label\">MVP<\/span><span class=\"tm-article-poll__answer-votes\">7<\/span><\/div>\n<div class=\"tm-article-poll__answer-bar\">\n<div class=\"tm-article-poll__answer-progress\" style=\"width: 11.86%\"><\/div>\n<\/div>\n<\/div>\n<div class=\"tm-article-poll__answer\">\n<div class=\"tm-article-poll__answer-data\"><span class=\"tm-article-poll__answer-percent tm-article-poll__answer-percent_winning\">71.19% <\/span><span class=\"tm-article-poll__answer-label\">MVVM<\/span><span class=\"tm-article-poll__answer-votes\">42<\/span><\/div>\n<div class=\"tm-article-poll__answer-bar\">\n<div class=\"tm-article-poll__answer-progress tm-article-poll__answer-progress_winning\" style=\"width: 71.19%\"><\/div>\n<\/div>\n<\/div>\n<div class=\"tm-article-poll__answer\">\n<div class=\"tm-article-poll__answer-data\"><span class=\"tm-article-poll__answer-percent\">28.81% <\/span><span class=\"tm-article-poll__answer-label\">MVI<\/span><span class=\"tm-article-poll__answer-votes\">17<\/span><\/div>\n<div class=\"tm-article-poll__answer-bar\">\n<div class=\"tm-article-poll__answer-progress\" style=\"width: 28.81%\"><\/div>\n<\/div>\n<\/div>\n<div class=\"tm-article-poll__answer\">\n<div class=\"tm-article-poll__answer-data\"><span class=\"tm-article-poll__answer-percent\">5.08% <\/span><span class=\"tm-article-poll__answer-label\">\u0414\u0440\u0443\u0433\u043e\u0435<\/span><span class=\"tm-article-poll__answer-votes\">3<\/span><\/div>\n<div class=\"tm-article-poll__answer-bar\">\n<div class=\"tm-article-poll__answer-progress\" style=\"width: 5.08%\"><\/div>\n<\/div>\n<\/div>\n<p><!--]--><\/div>\n<div class=\"tm-article-poll__stats\"> \u041f\u0440\u043e\u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043b\u0438 59 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439.   \u0412\u043e\u0437\u0434\u0435\u0440\u0436\u0430\u043b\u0438\u0441\u044c 10 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. <\/div>\n<p><!--]--><\/div>\n<p><!--]--><\/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\/729832\/\"> https:\/\/habr.com\/ru\/articles\/729832\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<figure class=\"full-width\"><\/figure>\n<p>\u041f\u0440\u0438\u0432\u0435\u0442!<\/p>\n<p>\u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0421\u0442\u0435\u0444\u0430\u043d \u0421\u0435\u0440\u0445\u0438\u0440. \u042f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432 <a href=\"https:\/\/kts.studio\/\"><u>KTS<\/u><\/a>. \u041f\u0438\u0448\u0443 \u043f\u043e\u0434 Android, iOS \u0438 \u041a\u041c\u041c (Kotlin Multiplatform Mobile) \u0438 \u0432\u0435\u0434\u0443 \u043a\u0443\u0440\u0441\u044b \u0432 \u0448\u043a\u043e\u043b\u0435 Metaclass. \u041d\u0435\u0434\u0430\u0432\u043d\u043e \u043c\u044b \u043f\u0440\u043e\u0432\u0435\u043b\u0438 \u0432\u0435\u0431\u0438\u043d\u0430\u0440, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c <a href=\"https:\/\/youtu.be\/g1TtM-bUmR4?utm_source=habr\"><u>\u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438 Model-View-Intent (MVI) \u0432 KMM<\/u><\/a> \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 \u043a\u043e\u0434\u0435 iOS \u0438 Android. \u0421\u0442\u0430\u0442\u044c\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u043f\u043e \u043c\u043e\u0442\u0438\u0432\u0430\u043c \u044d\u0442\u043e\u0433\u043e \u0432\u0435\u0431\u0438\u043d\u0430\u0440\u0430.<\/p>\n<p>\u041f\u043e\u0434\u0445\u043e\u0434 MVI \u0432 KMM \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u0435\u043d, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e:<\/p>\n<ul>\n<li>\n<p>\u0423\u0434\u043e\u0431\u043d\u043e \u0448\u0430\u0440\u0438\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u043c\u0435\u0436\u0434\u0443 \u0432\u0441\u0435\u043c\u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u043c\u0438<\/p>\n<\/li>\n<li>\n<p>\u041c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0432 \u0444\u0438\u0447\u0430-\u043c\u043e\u0434\u0443\u043b\u0438<\/p>\n<\/li>\n<li>\n<p>\u0421\u0430\u043c MVI \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043b\u0435\u0433\u043a\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0442\u044c \u044d\u043a\u0440\u0430\u043d \u043d\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0438\u0445 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f<\/p>\n<\/li>\n<li>\n<p>MVI \u043e\u0447\u0435\u043d\u044c \u043b\u0435\u0433\u043a\u043e \u043b\u043e\u0436\u0438\u0442\u0441\u044f \u043d\u0430 Jetpack Compose (Android) \u0438 SwiftUi (iOS)<\/p>\n<\/li>\n<\/ul>\n<h4>\u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435:<\/h4>\n<ul>\n<li>\n<p><a href=\"#1\">\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 MVI<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#2\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438 MVI<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#3\">\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 KMM<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#4\">MVI \u0432 \u041a\u041c\u041c \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#41\">\u0420\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b Android<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#411\">MainScreen<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#412\">MainViewModel<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#413\">MainStore<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#414\">StoreFactory<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#415\">Executor<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#416\">Reducer<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#42\">\u0420\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b iOS<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#421\">MainViewController<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#422\">MainView<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#43\">\u041e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 Shared<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#44\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u00a0 MVI \u0432 \u041a\u041c\u041c<\/a><\/p>\n<\/li>\n<\/ul>\n<p><a class=\"anchor\" name=\"1\" id=\"1\"><\/a><\/p>\n<h2>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 MVI<\/h2>\n<p>\u041f\u0440\u043e MV-\u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b \u043c\u044b \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438 \u043d\u0430 <a href=\"https:\/\/youtu.be\/aTSnt9qtrHY?utm_source=habr\"><u>\u0434\u0440\u0443\u0433\u043e\u043c \u0432\u0435\u0431\u0438\u043d\u0430\u0440\u0435<\/u><\/a>.<\/p>\n<p><strong>MVI (Model-View-Intent)<\/strong> \u2014 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043f\u0430\u0442\u0442\u0435\u0440\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0430\u0437\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0438\u0434\u0435\u0435 Unidirectional Data Flow (\u043e\u0434\u043d\u043e\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u0442\u043e\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445) \u0438 \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438, \u0442\u0430\u043a\u0438\u043c\u0438 \u043a\u0430\u043a Compose \u043d\u0430 Android \u0438 SwiftUI \u043d\u0430 iOS. \u0423 MVI \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 \u2014 \u044d\u0442\u043e MVICore, MVIKotlin, Mosby \u0438 \u0435\u0449\u0435 \u043c\u043d\u043e\u0433\u043e \u0434\u0440\u0443\u0433\u0438\u0445, \u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437 \u043d\u0438\u0445 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043c\u0443\u043b\u044c\u0442\u0438\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u043c\u0438, \u0442\u043e \u0435\u0441\u0442\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 KMP (Kotlin Multiplatform).<\/p>\n<p>\u0418\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438 \u043a\u043e\u0440\u043d\u0438 MVI \u0442\u044f\u043d\u0443\u0442\u0441\u044f \u0435\u0449\u0435 \u0441 \u0432\u0435\u0431\u0430, \u043d\u043e \u0443\u0436\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u0432 \u0442\u043e\u043c \u0436\u0435 Flutter (BLoC).<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0418\u0442\u0430\u043a, \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c UI \u2014 \u043d\u0430\u0448\u0430 \u0432\u044c\u044e\u0448\u043a\u0430 (View), \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u0438\u0434\u044f\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438. \u0421\u0443\u0442\u044c MVI \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441 \u0432\u044c\u044e\u0448\u043a\u043e\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u043d\u0442\u043e\u0432 \u2014 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0441\u043e\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0432 UI.<\/p>\n<p>\u0418\u043d\u0442\u0435\u043d\u0442 \u043f\u043e\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u0430\u043a \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c\u0443\u044e \u0447\u0435\u0440\u043d\u0443\u044e \u043a\u043e\u0440\u043e\u0431\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0435\u0433\u043e \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043d\u0430\u0440\u0443\u0436\u0443 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u2014 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u043c\u043e\u0434\u0435\u043b\u044c. \u0422\u0430\u043a \u043a\u0430\u043a \u0432\u044c\u044e\u0448\u043a\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u0430 \u043d\u0430 \u044d\u0442\u043e\u0442 \u0441\u0442\u0435\u0439\u0442, \u043e\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0435\u0433\u043e \u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0435\u0439\u0442.\u00a0<\/p>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u0443 UI \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u2014 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0442\u0435\u0439\u0442. \u0422\u043e \u0435\u0441\u0442\u044c \u0432 \u043d\u0430\u0448\u0435\u0439 \u0432\u044c\u044e\u0448\u043a\u0435 \u043d\u0435\u0442 \u043b\u043e\u0433\u0438\u043a\u0438.<\/p>\n<p>\u042d\u0442\u0443 \u0447\u0435\u0440\u043d\u0443\u044e \u043a\u043e\u0440\u043e\u0431\u043a\u0443 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442 MVI-Feature (MVI-\u0444\u0438\u0447\u0430), \u0430 \u0442\u043e, \u043a\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043e\u043d\u0430 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442 \u043e\u0434\u0438\u043d \u0441\u0442\u0435\u0439\u0442 \u0432 \u0434\u0440\u0443\u0433\u043e\u0439,\u00a0 \u2014 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u043e\u0439.<\/p>\n<p><a class=\"anchor\" name=\"2\" id=\"2\"><\/a><\/p>\n<h2>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438 MVI<\/h2>\n<p><strong>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0425\u043e\u0440\u043e\u0448\u043e \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 UI \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438, \u0442\u0430\u043a\u0438\u043c\u0438 \u043a\u0430\u043a Compose \u0438 SwiftUI<\/p>\n<\/li>\n<li>\n<p>\u041e\u0434\u0438\u043d \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0432\u044c\u044e\u0448\u043a\u0435<\/p>\n<\/li>\n<li>\n<p>\u0421\u0442\u0435\u0439\u0442 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u043b\u0435\u0433\u043a\u043e \u0434\u0435\u0431\u0430\u0436\u0438\u0442\u044c, \u0438 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043d\u0435 \u043a\u043e\u043d\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435. \u0422\u043e \u0435\u0441\u0442\u044c \u043c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0438\u0434\u0438\u043c \u043e\u0434\u0438\u043d \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0411\u043e\u0439\u043b\u0435\u0440\u043f\u043b\u0435\u0439\u0442<\/p>\n<\/li>\n<li>\n<p>\u041d\u0443\u0436\u043d\u043e \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0438\u0444\u0444 (\u0440\u0430\u0437\u043d\u0438\u0446\u0443, \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f) \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0438 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f<\/p>\n<\/li>\n<\/ul>\n<p>\u0421\u0442\u0435\u0439\u0442 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u043d\u0430 \u0441\u043b\u043e\u0436\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c 15 \u043f\u043e\u043b\u0435\u0439 \u0432 \u0441\u0442\u0435\u0439\u0442\u0435. \u0415\u0441\u043b\u0438 \u043d\u0435 \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0438\u0444\u0444, \u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u0441\u0442\u0435\u0439\u0442\u0430, \u0442\u043e UI \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0434\u043b\u0430\u0433\u0438\u0432\u0430\u0442\u044c&#8230; \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0438\u0444\u0444 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0438 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f.\u00a0<\/p>\n<p><a class=\"anchor\" name=\"3\" id=\"3\"><\/a><\/p>\n<h3>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 KMM<\/h3>\n<p><strong>KMM (Kotlin Multiplatform Mobile)<\/strong> \u2014 \u043f\u043e\u0434\u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e Kotlin Multiplatform.\u00a0<\/p>\n<p><strong>Kotlin Multiplatform<\/strong> \u2014 \u044d\u0442\u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u044f\u0437\u044b\u043a\u0435 Kotlin \u043f\u043e\u0434 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c \u2014 \u0438\u043b\u0438, \u0432 \u043f\u043e\u043d\u044f\u0442\u0438\u044f\u0445 KMP, \u0442\u0430\u0440\u0433\u0435\u0442\u043e\u0432. \u0422\u0430\u0440\u0433\u0435\u0442\u0430\u043c\u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043b\u044e\u0431\u0430\u044f \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0430\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u0435\u0441\u043a\u0442\u043e\u043f: Linux, MacOS, Windows. \u0415\u0441\u043b\u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043f\u0440\u043e \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u2014 \u044d\u0442\u043e Android \u0438 iOS. \u0415\u0449\u0435 \u0441 \u043d\u0435\u0434\u0430\u0432\u043d\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 <a href=\"https:\/\/t.me\/mobiledevnews\/1341\"><u>\u0441\u0442\u0430\u043b\u0430<\/u><\/a> \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u00ab\u0410\u0432\u0440\u043e\u0440\u0430 \u041e\u0421\u00bb.\u00a0<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 Kotlin Multiplatform \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 Web \u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0443\u043c\u043d\u044b\u0445 \u0447\u0430\u0441\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, watchOS.\u00a0<\/p>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e KMM. \u0423 \u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0434\u0432\u0430 \u0442\u0430\u0440\u0433\u0435\u0442\u0430: Android \u0438 iOS. \u0410 \u0442\u0430\u043a\u0436\u0435 \u0430\u043a\u0446\u0435\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0435 MVI \u0441 \u044d\u0442\u0438\u043c\u0438 \u0434\u0432\u0443\u043c\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u043c\u0438.\u00a0<\/p>\n<p>\u0423 \u043d\u0430\u0441 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 iOS \u0438 Android, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u0434. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u044d\u0442\u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 shared code (\u0435\u0449\u0435 \u0435\u0433\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442 common code, \u043e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434). \u041e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0448\u0442\u0443\u043a\u0438 \u043f\u043e \u0442\u0438\u043f\u0443 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0441\u0435\u0442\u044c\u044e \u0438\u043b\u0438 \u0431\u0430\u0437\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f.\u00a0<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0432 common code \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e-\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0439 \u043a\u043e\u0434. \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u0441 KMM \u2014 \u044d\u0442\u043e iOS- \u0438 Android-\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 API \u0438 \u043a\u043b\u0430\u0441\u0441\u044b. \u042d\u0442\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e KMM, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0435 \u0448\u0442\u0443\u043a\u0438 \u00ab\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430\u043c\u0438\u00bb, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c expect\/actual. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u044b \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u043b\u0438 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 <a href=\"https:\/\/habr.com\/ru\/companies\/kts\/articles\/715890\/?utm_source=habr\"><u>\u00abKMM \u0433\u043b\u0430\u0437\u0430\u043c\u0438 iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u00bb.<\/u><\/a><\/p>\n<p>\u0420\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n<p><a class=\"anchor\" name=\"4\" id=\"4\"><\/a><\/p>\n<h2>MVI \u0432 KMM \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435<\/h2>\n<p>\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c MVI \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435. \u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043b\u0435\u0436\u0438\u0442 \u043d\u0430 <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\"><u>GitHub<\/u><\/a>.<\/p>\n<p>\u0412 \u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f: iOS \u0438 Android. \u0423 \u043d\u0438\u0445 \u043e\u0434\u0438\u043d \u044d\u043a\u0440\u0430\u043d \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 \u0432\u044b\u0448\u0435.<\/p>\n<p>\u0412 \u044d\u0442\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435: \u0438\u043c\u044f, \u0444\u0430\u043c\u0438\u043b\u0438\u044f, \u0434\u0430\u0442\u0430 \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f, \u043f\u043e\u043b \u0438 \u0442\u0438\u043f \u0434\u0435\u0432\u0430\u0439\u0441\u0430. \u0422\u0430\u043a\u0436\u0435 \u0435\u0441\u0442\u044c \u043e\u0434\u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c\u00bb. \u0415\u0441\u043b\u0438 \u043d\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u043d\u0435\u0435, \u0443 \u043d\u0430\u0441 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u044d\u043a\u0440\u0430\u043d \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438.<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0443 \u043d\u0430\u0441 \u043c\u043e\u0436\u0435\u0442 \u0441\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u043e\u0448\u0438\u0431\u043a\u0430, \u043e \u0447\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u043f\u043e\u0432\u0435\u0441\u0442\u0438\u0442 \u043d\u0430\u0441:<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438. \u0418 \u0432 \u0438\u0442\u043e\u0433\u0435 \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u0430\u0448\u0438 \u0434\u0430\u043d\u043d\u044b\u0435.\u00a0<\/p>\n<p>\u0423 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0435\u0442 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438, \u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u044d\u043a\u0440\u0430\u043d \u0438 \u043e\u0434\u043d\u0430 MVI Feature. \u041f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u0438 iOS, \u0438 Android \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 KMM \u0438 MVI (\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f &#8212; <a href=\"https:\/\/arkivanov.github.io\/MVIKotlin\/\"><u>MVIKotlin<\/u><\/a>).<\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0415\u0441\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 Android Studio \u0438\u043b\u0438 IntelliJ IDEA, \u0432\u0438\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0441\u0442\u043e\u0438\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043a\u0430\u043a Project, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432\u0435\u0441\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0412 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u043d\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442 \u043f\u0430\u043f\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043b\u0435\u0436\u0430\u0442 \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: <code>androidApp<\/code>, <code>iosApp<\/code> \u0438 <code>shared<\/code>. \u0412 \u043d\u0438\u0445 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 <code>androidApp<\/code> \u043b\u0435\u0436\u0438\u0442 \u043a\u043e\u0434 \u0434\u043b\u044f Android, \u0432 <code>iosApp<\/code> \u2013 \u043a\u043e\u0434 \u0434\u043b\u044f iOS, \u0430 \u0432 <code>shared<\/code> \u2014 \u043e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434.<\/p>\n<figure class=\"full-width\"><\/figure>\n<p><a class=\"anchor\" name=\"41\" id=\"41\"><\/a><\/p>\n<h2>\u0420\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b Android<\/h2>\n<figure class=\"full-width\"><\/figure>\n<p>\u0417\u0434\u0435\u0441\u044c \u043b\u0435\u0436\u0438\u0442 \u043e\u0434\u043d\u0430 <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/androidApp\/src\/main\/java\/ru\/kts\/mobile\/sample\/android\/MainActivity.kt\"><u>MainActivity<\/u><\/a>, \u0432 \u043a\u043e\u0434\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0432 \u0441\u0442\u0440\u043e\u0447\u043a\u0435 <code>private val viewModel by viewModel&lt;MainViewModel>()<\/code> \u043c\u044b \u0438\u043d\u0436\u0435\u043a\u0442\u0438\u043c <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/shared\/src\/commonMain\/kotlin\/ru\/kts\/mobile\/sample\/presentation\/MainViewModel.kt\"><u>ViewModel<\/u><\/a>. \u0410 \u0432 onCreate \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0433\u0440\u0430\u0444 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439:<\/p>\n<pre><code class=\"kotlin\">override fun onCreate(savedInstanceState: Bundle?) {     super.onCreate(savedInstanceState)      initKoin {         androidContext(applicationContext)     } }<\/code><\/pre>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0437\u0434\u0435\u0441\u044c \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <code>setContent<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0448\u0438 \u0432\u044c\u044e\u0448\u043a\u0438. \u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 UI \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 Compose:<\/p>\n<pre><code class=\"kotlin\">setContent {     val state by viewModel.state.collectAsState()      MainScreen(         state = state,         onLoadClick = viewModel::load,     ) } <\/code><\/pre>\n<p>\u042d\u0442\u043e\u0442 \u0432\u044b\u0437\u043e\u0432 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u0435\u043d \u043e\u0431\u044b\u0447\u043d\u043e\u043c\u0443 \u0432\u044b\u0437\u043e\u0432\u0443 setContent, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c layout-\u0444\u0430\u0439\u043b \u0441 \u0432\u0435\u0440\u0441\u0442\u043a\u043e\u0439. \u042d\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u044b\u0439 extension, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 Composable \u0432 Compose view, \u2014 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044c\u044e\u0448\u043a\u0430 \u0434\u043b\u044f Composable.\u00a0<\/p>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 <code>setContent<\/code> \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f:<\/p>\n<ol>\n<li>\n<p>\u041f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u0441\u0442\u0435\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0438\u0437 ViewModel, \u0432\u044b\u0437\u044b\u0432\u0430\u044f <code>collectAsState<\/code> (\u043d\u043e \u043b\u0443\u0447\u0448\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 <code>collectAsStateWithLifecycle<\/code>) \u042d\u0442\u043e \u0432\u0430\u0436\u043d\u043e, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 Compose, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043b\u0443\u0447\u0448\u0435 \u043e\u043f\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0435\u0439\u0442\u043e\u043c, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e Flow \u0438\u043b\u0438 RX-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438<\/p>\n<\/li>\n<li>\n<p>\u0412\u044b\u0437\u044b\u0432\u0430\u0435\u043c Composable-\u0444\u0443\u043d\u043a\u0446\u0438\u044e <code>MainScreen<\/code>. \u042d\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u0430\u044f Composable-\u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u0441\u0442\u0435\u0439\u0442 \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 \u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0432 \u043d\u0430\u0448\u0443 ViewModel. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 <code>viewModel::load<\/code> \u2014 \u044d\u0442\u043e \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434 <code>load<\/code> \u0443 ViewModel. \u041d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0437\u0436\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u0442\u0430\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f<\/p>\n<\/li>\n<\/ol>\n<p><a class=\"anchor\" name=\"411\" id=\"411\"><\/a><\/p>\n<h4>MainScreen<\/h4>\n<p>\u0415\u0441\u043b\u0438 \u043c\u044b \u0437\u0430\u0439\u0434\u0435\u043c \u0432 <a href=\"https:\/\/github.com\/StefanSerkhir\/MVI-KMM-Sample\/blob\/master\/androidApp\/src\/main\/java\/ru\/kts\/mobile\/sample\/android\/ui\/MainScreen.kt\"><u>MainScreen<\/u><\/a>, \u0442\u043e \u0443\u0432\u0438\u0434\u0438\u043c <code>when<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0432\u0435\u0442\u043a\u0438:<\/p>\n<pre><code class=\"kotlin\">when {     state.error -> ErrorState(         modifier = Modifier             .align(Alignment.Center),         onLoadClick = onLoadClick,     )     state.loading -> CircularProgressIndicator(         modifier = Modifier             .align(Alignment.Center),         color = buttonPrimaryActiveColor,         strokeWidth = 3.dp,     )     userInfo != null -> UserInfoDetails(         modifier = Modifier             .align(Alignment.Center),         userInfo = userInfo,         onLoadClick = onLoadClick,     ) } <\/code><\/pre>\n<p>\u0417\u0434\u0435\u0441\u044c \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u044d\u043a\u0440\u0430\u043d\u0430:<\/p>\n<ul>\n<li>\n<p><code>error<\/code> \u2014 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439<\/p>\n<\/li>\n<li>\n<p><code>loading<\/code> \u2014 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438<\/p>\n<\/li>\n<li>\n<p><code>userInfo<\/code> \u2014 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u044d\u043a\u0440\u0430\u043d\u0430, \u043a\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435, \u0438 \u043c\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0438\u0445<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0443\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u044b \u043e\u0431\u0435\u0440\u0442\u043a\u0438,\u00a0 \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u0435\u0435 \u0432 \u043a\u043e\u0434\u0435. \u041d\u043e \u0443 \u043d\u0430\u0441 \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a.\u00a0<\/p>\n<p>\u0422\u0430\u043a \u0432\u044c\u044e\u0448\u043a\u0430 \u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442 \u0441\u0442\u0435\u0439\u0442\u044b: \u0435\u0441\u0442\u044c <code>when<\/code>, \u0433\u0434\u0435 \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u044d\u043a\u0440\u0430\u043d\u0430. \u0418 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442. \u042d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043b\u0435\u0433\u043a\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 Compose.\u00a0<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u0432 MainActivity, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u0441\u0442\u0435\u0439\u0442 \u0431\u0435\u0440\u0435\u0442\u0441\u044f \u0438\u0437 ViewModel-\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u0433\u043b\u044f\u043d\u0435\u043c \u0432\u043e ViewModel \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0442\u0430\u043c.\u00a0<\/p>\n<p><a class=\"anchor\" name=\"412\" id=\"412\"><\/a><\/p>\n<h4>MainViewModel<\/h4>\n<p>\u0412 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0435 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 private \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430<\/p>\n<ul>\n<li>\n<p><code>store<\/code> \u2014 \u044d\u0442\u043e MVI Feature<\/p>\n<\/li>\n<li>\n<p><code>stateMapper<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u0430\u043f\u0438\u0442 \u0434\u043e\u043c\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u0432 UiMainState<\/p>\n<\/li>\n<\/ul>\n<pre><code class=\"kotlin\">class MainViewModel(     private val store: MainStore,     private val stateMapper: Mapper&lt;MainStore.State, UiMainState>, ) <\/code><\/pre>\n<p>\u0412 \u0438\u0434\u0435\u0430\u043b\u0435 \u0432\u044c\u044e\u0448\u043a\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u043e\u043f\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c <code>UiState<\/code>, \u0430 \u043d\u0435 \u0434\u043e\u043c\u0435\u043d\u043d\u044b\u043c \u0441\u0442\u0435\u0439\u0442\u043e\u043c, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d\u0430 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u043d\u0430\u0448\u0435\u0439 \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438.\u00a0<\/p>\n<p>\u0412\u043e ViewModel \u043d\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 \u0447\u043b\u0435\u043d\u044b \u043a\u043b\u0430\u0441\u0441\u0430:<\/p>\n<ul>\n<li>\n<p>\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e <code>state<\/code>, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u043e \u0441 \u0442\u0438\u043f\u043e\u043c <code>CStateFlow<\/code> (\u0447\u0442\u043e \u0437\u0430 \u043f\u0435\u0440\u0432\u0430\u044f \u0431\u0443\u043a\u043e\u0432\u043a\u0430 <code>C<\/code> \u0432 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0438, \u043c\u044b \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u0447\u0443\u0442\u044c \u043d\u0438\u0436\u0435), \u0438 \u0441\u0442\u043e\u0438\u0442 \u0442\u0438\u043f \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0442\u0435\u0439\u0442\u0430 (UIMainState): <code>val state: CStateFlow&lt;UiMainState><\/code>. \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e state \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u0442\u043e\u0442 \u0441\u0442\u0435\u0439\u0442, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u044c\u044e\u0448\u043a\u0430<\/p>\n<\/li>\n<li>\n<p>\u041c\u0435\u0442\u043e\u0434 <code>load: fun load() = store.accept(MainStore.Intent.Load)<\/code>. \u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u043f\u0440\u043e\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0432 MVI Feature. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2014 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438. \u0427\u0442\u043e\u0431\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0438\u043d\u0442\u0435\u043d\u0442 \u0432 MVI Feature, \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u043c\u0435\u0442\u043e\u0434 <code>accept<\/code> \u0438 \u043f\u0440\u043e\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u043c \u0442\u0443\u0434\u0430 \u043d\u0443\u0436\u043d\u044b\u0439 \u043d\u0430\u043c \u0438\u043d\u0442\u0435\u043d\u0442 \u2014 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e <code>MainStore.Intent.Load<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0412\u0430\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e ViewModel \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u0440\u0430\u0442\u044c <code>UiState<\/code> \u0438\u0437 \u0441\u0442\u043e\u0440\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0431\u043b\u043e\u043a\u0435 <code>init<\/code> \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c <code>bindAndStart<\/code>:<\/p>\n<pre><code class=\"kotlin\">init {     bindAndStart {         store.states.map(stateMapper::map) bindTo (::acceptState)     }     load() } <\/code><\/pre>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 \u043b\u044f\u043c\u0431\u0434\u044b \u044d\u0442\u043e\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n<ol>\n<li>\n<p>\u0411\u0435\u0440\u0435\u043c \u043d\u0430\u0448 <code>store<\/code> \u0438 \u0435\u0433\u043e \u0441\u0442\u0435\u0439\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d \u0432\u044b\u0434\u0430\u0435\u0442<\/p>\n<\/li>\n<li>\n<p>\u041c\u0430\u043f\u0438\u043c \u0438\u0445 \u0432 <code>UiState<\/code> \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <code>stateMapper<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u0430\u043f\u0438\u0442 \u0438\u0437 \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0441\u0442\u0435\u0439\u0442\u0430 \u0432 <code>UiState<\/code><\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u0438\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u043c \u044d\u0442\u0438 \u0441\u0442\u0435\u0439\u0442\u044b \u043a \u043c\u0435\u0442\u043e\u0434\u0443 \u2014 \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043a <code>acceptState<\/code><\/p>\n<\/li>\n<li>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 \u043c\u0435\u0442\u043e\u0434\u0430 <code>acceptState<\/code> \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u043c UI \u0441\u0442\u0435\u0439\u0442 \u0432 <code>mutableState<\/code> &#8212; private \u043f\u043e\u043b\u0435 \u0442\u0438\u043f\u0430 <code>MutableStateFlow&lt;UiMainState><\/code><\/p>\n<\/li>\n<\/ol>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u043d\u0430\u0448 \u0441\u0442\u0435\u0439\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0438\u0437 <code>mutableState<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043c \u043a \u0442\u0438\u043f\u0443 <code>CStateFlow<\/code>\u00a0 \u0432\u044b\u0437\u043e\u0432\u043e\u043c \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d\u0430 <code>cStateFlow()<\/code><\/p>\n<p>\u041a\u0430\u043a \u0443\u0436\u0435 \u043e\u0442\u043c\u0435\u0447\u0430\u043b\u043e\u0441\u044c \u0440\u0430\u043d\u0435\u0435, \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0442\u0438\u043f\u043e\u043c <code>CStateFlow<\/code>, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043e <code>StateFlow<\/code>. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0435 \u0430\u043d\u0434\u0440\u043e\u0438\u0434\u043e\u0432\u0441\u043a\u0430\u044f ViewModel, \u0430 KMM-\u043d\u0430\u044f <a href=\"https:\/\/github.com\/icerockdev\/moko-mvvm\"><u>ViewMode<\/u><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-412170","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/412170","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=412170"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/412170\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=412170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=412170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=412170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}