{"id":458986,"date":"2025-05-08T15:00:27","date_gmt":"2025-05-08T15:00:27","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=458986"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=458986","title":{"rendered":"Paging3 \u0432 \u0441\u0442\u0438\u043b\u0435 Compose: \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0439 DSL, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u043e\u043b\u0447\u0430\u0442 \u0432\u0441\u0435 Android-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n
<\/figure>\n

\u0412\u0441\u0435\u043c \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u0430 \u0447\u0440\u0435\u0437\u043c\u0435\u0440\u043d\u0430\u044f \u043c\u043d\u043e\u0433\u043e\u0441\u043b\u043e\u0432\u043d\u043e\u0441\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a Jetpack \u043e\u0442 Google \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043d\u0430 Android. \u041e\u0434\u043d\u0430\u0436\u0434\u044b \u044f \u0441\u043f\u0440\u043e\u0441\u0438\u043b \u0443 chatGPT, \u0437\u0430\u0447\u0435\u043c \u043e\u043d\u0438 \u0442\u0430\u043a \u0441\u043e \u043c\u043d\u043e\u0439, \u043d\u0430 \u0447\u0442\u043e \u0418\u0418 \u0442\u0430\u043a\u0438\u043c \u0436\u0435 \u043c\u043d\u043e\u0433\u043e\u0441\u043b\u043e\u0432\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b \u043e \u0434\u0432\u0443\u0445 \u043a\u0438\u0442\u0430\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u0442\u043e\u0438\u0442 \u0432 \u043f\u043e\u043f\u0435\u0440\u0435\u0447\u043d\u043e\u043c \u0448\u043f\u0430\u0433\u0430\u0442\u0435 \u0442\u0438\u043f\u043e\u0432\u043e\u0439 Google Developer Expert: <\/p>\n

    \n
  1. \n

    \u0421\u0442\u0440\u043e\u0433\u043e\u0435 \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435 \u0447\u0438\u0441\u0442\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043f\u0440\u0438 \u043a\u043e\u0434\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0435 \u0441 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435\u043c \u0441\u043b\u043e\u0435\u0432 data — domain — UI,<\/p>\n<\/li>\n

  2. \n

    \u041f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u0438 \u0438 \u0448\u0438\u0440\u043e\u0442\u044b \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430 \u043d\u0430 \u043e\u0442\u043a\u0443\u043f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430.<\/p>\n<\/li>\n<\/ol>\n

    \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u0441\u0442\u0430\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u0438\u0441\u0430\u0442\u044c \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u043f\u043e \u0443\u0432\u0435\u0441\u0442\u0438\u0441\u0442\u043e\u043c\u0443 boilerplate-\u0448\u043c\u043e\u0442\u043a\u0443 \u043a\u043e\u0434\u0430. \u0422\u0430\u043a\u0436\u0435 \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u043c\u043d\u0438\u0442\u044c, \u0447\u0442\u043e Jetpack-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0430 \u043f\u0440\u043e\u0442\u044f\u0436\u0435\u043d\u0438\u0438 \u0432\u0435\u043a\u043e\u0432 (\u043d\u0443 \u0438\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043b\u0435\u0442) \u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043f\u043e\u0434 Android target \u0438 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0434 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 XML View \u0432 \u0441\u043b\u043e\u0435 UI. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 Java-\u044d\u043f\u043e\u0445\u0430 \u0434\u043e \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u044f Kotlin \u0435\u0449\u0435 \u0438 \u043d\u0435 \u0442\u0430\u043a\u043e\u0435 \u0432\u0438\u0434\u0435\u043b\u0430 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f boilerplate \u0438 \u043c\u043d\u043e\u0433\u043e\u0441\u043b\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u0434\u0430, \u0430 \u043e Compose UI \u0435\u0449\u0435 \u043d\u0435 \u0437\u0430\u0434\u0443\u043c\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u0434\u0430\u0436\u0435 \u0432 \u0441\u0430\u043c\u043e\u043c Google (\u0447\u0442\u043e \u043b\u043e\u0433\u0438\u0447\u043d\u043e, \u0432\u0435\u0434\u044c \u0437\u0430\u0434\u0443\u043c\u0430\u0442\u044c\u0441\u044f \u043e \u043d\u0435\u043c \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b \u043a\u0430\u043a \u0440\u0430\u0437 Kotlin), \u043d\u0438 \u0443 \u043a\u043e\u0433\u043e \u043d\u0435 \u0432\u044b\u0437\u044b\u0432\u0430\u043b\u0438 \u0440\u0430\u0437\u0434\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043a\u0438\u043b\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0448\u0430\u0431\u043b\u043e\u043d\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u043f\u0440\u043e DiffUtil, Refresh key, Adapter \u0438 \u0442.\u0434. \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0432 \u0446\u0435\u043b\u043e\u043c \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043a Paging, \u043a\u0430\u043a \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435, \u0430 \u0432\u043e\u043e\u0431\u0449\u0435 \u043a\u043e \u0432\u0441\u0435\u043c\u0443, \u0447\u0442\u043e \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u043f\u043e\u0434\u0432\u044f\u0437\u044b\u0432\u0430\u043b\u043e\u0441\u044c \u043a \u043b\u0435\u0433\u0435\u043d\u0434\u0430\u0440\u043d\u043e\u043c\u0443 Recycler View, \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c\u0443 \u043c\u043e\u043d\u0441\u0442\u0440\u0443, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u043b\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0435\u0441\u044c UI \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0449\u0438\u0445 \u0447\u0442\u043e-\u043b\u0438\u0431\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c, \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u043e\u0439, \u0434\u0430 \u0445\u043e\u0442\u044c \u043b\u0435\u0441\u0435\u043d\u043a\u043e\u0439.<\/p>\n\n

    \u041f\u043e\u044f\u0432\u0438\u043b\u0441\u044f Kotlin, \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f Compose, \u0430 \u043f\u043e\u0442\u043e\u043c \u0435\u0449\u0435 \u0438 Kotlin multiplatform. \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Jetpack \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430 Kotlin, \u0432 UI \u0441\u043b\u043e\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043d\u0430 Compose, \u043c\u043d\u043e\u0433\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0441\u0442\u0430\u043b\u0438 \u043c\u0443\u043b\u044c\u0442\u0438-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u043c\u0438. \u041e\u0434\u043d\u0430\u043a\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u043d\u044b\u0439 \u043a\u043e\u0434 \u043d\u0438\u043a\u0443\u0434\u0430 \u043d\u0435 \u0443\u0448\u0435\u043b, \u0430 \u0434\u0430\u0436\u0435 \u0432\u043f\u043e\u043b\u043d\u0435 \u0441\u0435\u0431\u0435 \u043f\u0440\u043e\u0440\u043e\u0441 \u043a\u0430\u043a \u0441\u043e\u0440\u043d\u044f\u043a \u0438 \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445. <\/p>\n

    \u0427\u0442\u043e\u0431\u044b \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u0442\u044c\u0441\u044f \u043a \u0437\u0435\u043c\u043b\u0435 \u0441\u043a\u0430\u0436\u0435\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Paging3 \u0434\u0430\u0435\u0442 \u0432\u0441\u0435\u0433\u043e \u043b\u0438\u0448\u044c \u043e\u0434\u0438\u043d (1) \u043c\u0435\u0442\u043e\u0434 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 Compose UI — collectAsLazyPagingItems, \u0438 \u0440\u0430\u0434\u0438 \u044d\u0442\u043e\u0433\u043e \u043e\u0434\u043d\u043e\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u0430 \u043d\u0430\u0434\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043a\u0443\u0447\u0443 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u043f\u043e\u043b\u043d\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432\u0441\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0432 \u0441\u0430\u043c\u044b\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0438 \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443 \u0438\u0445 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0435\u0441\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c, \u0442\u0430\u043a \u0447\u0442\u043e \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u044c \u0438 \u0448\u0438\u0440\u043e\u0442\u0430 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430 \u0442\u0443\u0442 \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f.<\/p>\n

    \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u0436\u0435 \u044d\u0442\u043e\u0433\u043e \u0441\u0430\u043c\u043e\u0433\u043e collect’\u043e\u0440\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0433\u0440\u043e\u043c\u043e\u0437\u0434\u043a\u0438\u0439, \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u043a\u043b\u0430\u0441\u0441\u0430 LazyPagingItems. \u0414\u0430, \u043e\u043d \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u0435\u043d \u0438 \u0437\u0430\u0442\u043e\u0447\u0435\u043d \u043f\u043e\u0434 Recycler View, \u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432 Compose \u044d\u0442\u043e \u043b\u0438\u0448\u044c \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u0431\u043e\u043d\u0443\u0441 \u0434\u043b\u044f \u0431\u0435\u0433\u0443\u0449\u0438\u0445 \u0432\u043f\u0435\u0440\u0435\u0434\u0438 \u043f\u0430\u0440\u043e\u0432\u043e\u0437\u0430, \u0442\u0430\u043a \u0447\u0442\u043e bolierplate-\u0446\u0435\u0440\u0435\u043c\u043e\u043d\u0438\u0430\u043b, \u0434\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c \u0432 Kotlin!<\/p>\n

    \u042d\u0442\u043e \u0432\u0441\u0435, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0441\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0431\u0435\u0448\u0438\u0432\u0430\u043b\u043e \u0434\u043e \u0442\u0430\u043a\u043e\u0439 \u0441\u0442\u0435\u043f\u0435\u043d\u0438, \u0447\u0442\u043e \u043b\u0435\u043d\u0438\u0432\u044b\u0439 \u044f \u0440\u0435\u0448\u0438\u043b \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0432\u0441\u0451 \u043f\u043e \u043a\u0440\u0430\u0441\u043e\u0442\u0435. \u0412\u043e\u0442 \u0442\u0430\u043a\u043e\u0435 \u043d\u0438\u0436\u0435 \u043c\u043d\u0435 \u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u043b\u043e\u0441\u044c, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0435\u0441\u043b\u0438 \u0443\u0447\u0435\u0441\u0442\u044c, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u044b \u0431\u043b\u043e\u043a\u0438 \u043a\u043e\u0434\u0430 \u0441\u0430\u043c\u043e\u0433\u043e UI \u0438 \u0443\u0434\u0430\u043b\u0435\u043d\u044b \u043d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0435\u0441\u044f \u043a \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e \u0441\u0430\u043c\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b. \u041e\u0434\u043d\u0430\u043a\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435<\/a>, \u0432\u044b\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0435 \u043f\u0435\u0439\u0434\u0436\u0435\u0440\u043e\u043c, \u0432 Best Code Practices \u043e\u0442 \u0441\u0430\u043c\u043e\u0433\u043e Google:<\/p>\n

    @Composable fun ArticlesPage(     pager: Pager<Int, Article>,     onAction: (NewsListAction) -> Unit, ) {     val newsListState = rememberLazyListState()     val articles = pager.flow.collectAsLazyPagingItems()      LazyColumn(         state = newsListState,     ) {         if (articles.loadState.refresh == LoadState.Loading) {             item {                 \/\/ UI element for loading             }         }          if (loadState.refresh is LoadState.Error) {             item {                 \/\/ UI element for error             }         }          items(count = articles.itemCount) { index ->             val article = articles[index]             article?.let {                 \/\/ UI element for article item             }         }          if (articles.loadState.append == LoadState.Loading) {             item {                 \/\/ UI element for loading next page             }         }          if (loadState.append.endOfPaginationReached) {             item {                 \/\/ UI element for last page             }         }     } }<\/code><\/pre>\n
    \u0427\u0435\u043c \u0437\u0434\u0435\u0441\u044c \u0432\u0441\u0451 \u043f\u043b\u043e\u0445\u043e? \u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u043f\u0435\u0439\u0434\u0436\u0435\u0440 \u043a\u0430\u043a \u043e\u0431\u044a\u0435\u043a\u0442 (\u0430 \u043e\u043d — \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442, \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f \u0438\u043b\u0438 data-\u0441\u043b\u043e\u044f \u0438\u0437 API \u0438\u043b\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0431\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445) \u0434\u043e\u0448\u0435\u043b \u0434\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0432 \u044d\u0442\u043e\u0439 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0447\u0435\u0440\u0435\u0437 \u043a\u0443\u0447\u0443 \u0434\u0440\u0443\u0433\u0438\u0445 composable-\u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u0430 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0432 data \u043a\u043b\u0430\u0441\u0441\u0435, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0449\u0438\u043c \u0432\u0441\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 ViewModel. <\/p>\n
    \u0422\u0430\u043a \u0431\u044b\u0442\u044c \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e, \u043e\u0434\u043d\u0430\u043a\u043e \u0438\u043d\u043e\u0433\u043e \u043d\u0435 \u0434\u0430\u043d\u043e, \u044d\u0442\u043e \u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u0442\u0438\u043f, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u043e\u043b\u044c\u043a\u043e \u0438 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u0438 \u043e\u043d \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0431\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u043e\u043e\u0431\u0449\u0435 \u0432\u0441\u0451: \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0438 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438, \u043d\u0430\u043b\u0438\u0447\u0438\u044f \u043e\u0448\u0438\u0431\u043e\u043a \u0438 \u0442.\u043f., \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0433\u0434\u0435-\u0442\u043e \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 Composable-\u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u044f\u0432\u043d\u043e \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0432\u044b\u0437\u043e\u0432 collectAsLazyPagingItems \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u0442 \u043f\u0435\u0439\u0434\u0436\u0435\u0440\u0430, \u0447\u0442\u043e\u0431\u044b \u0440\u0435\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043d\u043e\u0432\u044b\u0435 \u043f\u043e\u0440\u0446\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043d\u043e\u0432\u044b\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u044b.<\/p>\n
    \u0412\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438 \u043d\u0430\u043b\u0438\u0447\u0438\u044f \u043e\u0448\u0438\u0431\u043e\u043a \u0437\u0430\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u043b\u043e\u043a\u0430 LazyColumn content, \u0447\u0442\u043e \u043d\u0438\u043a\u0430\u043a \u043d\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u0435\u0442 \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u0434\u0430, \u0435\u0433\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0441\u0442\u0438 \u0438 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u0435\u043c\u043e\u0441\u0442\u0438. <\/p>\n
    \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432\u044b\u0448\u0435 \u043a\u043e\u0434 \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u0442\u0435\u043d, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u043d\u043e\u0433\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043c\u043e\u0433\u0443\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e, \u0438 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043c\u0435\u0448\u0430\u043d\u0438\u043d\u0430. \u0412\u0441\u0435 \u0432\u0435\u0442\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0445\u043e\u0442\u044f \u0431\u044b \u0432 when, \u043e\u0434\u043d\u0430\u043a\u043e \u0438 \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u0435\u0442 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043a\u043e\u0434\u0430.<\/p>\n
    \u0414\u0430\u043b\u0435\u0435 \u044f \u043f\u043e\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0440\u0435\u0448\u0438\u043b \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u043f\u0440\u0438\u0447\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0431\u0443\u0434\u0435\u0442 Best of Kotlin, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432\u0441\u0435 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0435 \u0441 \u0442\u0435\u043c \u0438\u043b\u0438 \u0438\u043d\u044b\u043c \u0443\u0441\u043f\u0435\u0445\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u044c \u0432 Java \u0438 \u043b\u044e\u0431\u043e\u043c \u0434\u0440\u0443\u0433\u043e\u043c lambda-\u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0435\u043c \u044f\u0437\u044b\u043a\u0435.<\/p>\n
    \u041d\u0443\u043b\u0435\u0432\u043e\u0439 \u0448\u0430\u0433. \u0423\u0431\u0438\u0440\u0430\u0435\u043c Pager \u043d\u0430 \u0441\u0432\u043e\u0435 \u043c\u0435\u0441\u0442\u043e.<\/h2>\n
    Pager \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0443\u0431\u0440\u0430\u0442\u044c \u0432 \u0442\u043e\u0442 \u0441\u043b\u043e\u0439, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0435\u043c\u0443 \u0441\u0430\u043c\u043e\u0435 \u043c\u0435\u0441\u0442\u043e — data \u0441\u043b\u043e\u0439. \u0410 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0432\u044b\u0432\u0435\u0441\u0442\u0438 \u043d\u0430\u0440\u0443\u0436\u0443 \u0447\u0435\u0440\u0435\u0437 domain \u0441\u043b\u043e\u0439 \u0442\u0430\u043a:<\/p>\n
    interface NewsRepository {     fun searchNews(query: String): Flow<PagingData<Article>>   \/\/ .... other functions }<\/code><\/pre>\n
    \u041f\u043e \u0441\u0442\u0430\u0440\u043e\u0439 \u0434\u043e\u0431\u0440\u043e\u0439 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438 \u043a \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044e \u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f ViewModel, \u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 collectAsLazyPagingItems \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0432 hoist-composable \u0444\u0443\u043d\u043a\u0446\u0438\u0438<\/a>, \u0430 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0437\u0430 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0432\u044b\u0432\u043e\u0434 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0431\u0443\u0434\u0435\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0443\u0436\u0435  \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f LazyPagingItems (\u044d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 — \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439, \u043d\u043e \u0434\u0430\u0435\u0442 \u043f\u0440\u044f\u043c\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043f\u043e get \u0447\u0435\u0440\u0435\u0437 \u0438\u043d\u0434\u0435\u043a\u0441, \u0442.\u0435. items[25], \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u044f \u043d\u0430\u043f\u0438\u0448\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a).<\/p>\n
    \u041f\u0435\u0440\u0432\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434. Kotlin extensions & null-safety.<\/h2>\n
    \u041f\u0435\u0440\u0432\u044b\u0439 \u0438 \u0432\u0441\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u0431\u0443\u0434\u0443\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e fluent-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u041d\u0430 \u043c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u0442\u0430\u043a\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043f\u0430\u0442\u0442\u0435\u0440\u043d \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u043c\u0435\u0441\u044c\u044e \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044f \u0438 \u0426\u0435\u043f\u043e\u0447\u043a\u0438 \u043e\u0431\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u0435\u0439. \u041f\u0435\u0440\u0432\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d fluent-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442 \u043f\u043e \u0444\u043e\u0440\u043c\u0435 \u0441\u0430\u043c\u0438\u043c \u043a\u043e\u0434\u043e\u043c, \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0435 \u044f\u0432\u043b\u044f\u044f\u0441\u044c \u043f\u043e\u0440\u043e\u0436\u0434\u0430\u044e\u0449\u0438\u043c \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u043e\u043c, \u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u0441\u0445\u043e\u0436 \u043f\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044e  \u0441\u0432\u043e\u0435\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 — \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u043e \u0446\u0435\u043f\u043e\u0447\u043a\u0435 \u0440\u043e\u0432\u043d\u043e \u0434\u043e \u0442\u043e\u0433\u043e \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u044f\u0437\u0430\u043d \u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f.<\/p>\n
    \u0422\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u0442.\u0435. \u0441\u0432\u0435\u0440\u0448\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u0444\u0430\u043a\u0442 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0438 \u0440\u0430\u0437\u0440\u044b\u0432 \u0446\u0435\u043f\u043e\u0447\u043a\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u0431\u0443\u0434\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 null, \u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0430\u043c\u0438\u0445 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 — \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u043a\u043b\u0430\u0441\u0441\u0430:<\/p>\n
    @Composable inline fun <T : Any> LazyPagingItems<T>.onEmpty(body: @Composable () -> Unit): LazyPagingItems<T>? {     return if (loadState.refresh !is LoadState.Error && itemCount == 0) {         body()         null     } else this }  @Composable inline fun <T : Any> LazyPagingItems<T>.onRefresh(body: @Composable () -> Unit): LazyPagingItems<T>? {     return if (loadState.refresh is LoadState.Loading) {         body()         null     } else this }  @Composable inline fun <T : Any> LazyPagingItems<T>.onError(body: @Composable (DataError) -> Unit): LazyPagingItems<T>? {     return if (loadState.refresh is LoadState.Error) {         val error = when (val e = (loadState.refresh as LoadState.Error).error) {             is NoTransformationFoundException -> DataError.Remote.SERIALIZATION_ERROR             is DoubleReceiveException -> DataError.Remote.SERIALIZATION_ERROR             is SocketTimeoutException -> DataError.Remote.REQUEST_TIMEOUT             is UnresolvedAddressException -> DataError.Remote.NO_INTERNET_CONNECTION             is ResponseException -> when (e.response.status.value) {                 408 -> DataError.Remote.REQUEST_TIMEOUT                 429 -> DataError.Remote.TOO_MANY_REQUESTS                 in 500..599 -> DataError.Remote.SERVER_ERROR                 else -> DataError.Remote.UNKNOWN_ERROR             }             else -> DataError.Remote.UNKNOWN_ERROR         }         body(error)         null     } else this }<\/code><\/pre>\n
    \u0414\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0434\u0430\u0435\u0442 \u043d\u0430\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u0436\u0435 \u043f\u0438\u0441\u0430\u0442\u044c \u0432 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u0442\u0438\u043b\u0435:<\/p>\n
    @Composable fun ArticlesPage(     articles: LazyPagingItems<Article>,     onAction: (NewsListAction) -> Unit, ) {     val newsListState = rememberLazyListState()     val scope = rememberCoroutineScope()      articles         .onRefresh { CircularProgressIndicator() }         ?.onEmpty { \/\/ UI for empty results }         ?.onError { error -> \/\/ UI for error view }         ?.let { page ->             LazyColumn(                 state = newsListState,             ) {                 items(count = page.itemCount) { index ->                     val article = page[index]                     article?.let {                         \/\/ UI for article view                     }                 }                 if (articles.loadState.append == LoadState.Loading) item {                     \/\/ UI for loading next page                 }             }         } }<\/code><\/pre>\n
    \u0427\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u0431\u0440\u043e\u0441\u0430\u0435\u0442\u0441\u044f \u0432 \u0433\u043b\u0430\u0437\u0430 — \u0438\u0433\u0440\u044b \u0441 null, \u043e\u0442 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 Kotlin \u0441\u0442\u0430\u0440\u0430\u043b\u0441\u044f \u0443\u0439\u0442\u0438. \u0414\u0430, \u0437\u0434\u0435\u0441\u044c null \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u043a\u0430\u043a \u0444\u043b\u0430\u0433, \u043e\u0434\u043d\u0430\u043a\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435. \u0424\u043b\u0430\u0433 — \u044d\u0442\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u0430 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u0435\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0433\u0434\u0435-\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c. <\/p>\n
    \u0412\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434. \u0417\u0430\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u043e\u0440.<\/h2>\n
    \u041b\u043e\u0433\u0438\u0447\u043d\u044b\u0439 \u0448\u0430\u0433, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0441\u043e\u0431\u043e\u0439, — \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u043e\u0440 \u0438\u043b\u0438 wrapper \u043d\u0430\u0434 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c. \u041d\u0430\u0437\u043e\u0432\u0435\u043c \u044d\u0442\u043e\u0442 \u043d\u0430\u0448 \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u043e\u0440 Handleable, \u0438 \u0442\u043e\u0433\u0434\u0430 \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n
    articles.asHandleable()         .onRefresh { ... }         .onEmpty { ... }         .onError { error -> ... }         .onSuccess { items -> ... }<\/code><\/pre>\n
    \u0418 \u0432\u043e\u0442 \u0443\u0442\u0438\u043b\u0438\u0442\u043d\u044b\u0439 \u043a\u043e\u0434 \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u043e\u0440\u0430, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u044d\u0442\u043e\u0433\u043e \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f:<\/p>\n
    data class PageHandleable <T : Any>(     val items: LazyPagingItems<T>,     val isHandled: Boolean = false ) {     fun markHandled() = PageHandleable(items, true) }  @Composable fun <T : Any> LazyPagingItems<T>.asHandleable(): PageHandleable<T> = PageHandleable(this)  @Composable inline fun <T : Any> PageHandleable<T>.onEmpty(crossinline body: @Composable () -> Unit): PageHandleable<T> {     return if (!isHandled && items.loadState.refresh !is LoadState.Error && items.itemCount == 0) {         body()         markHandled()     } else this }  @Composable inline fun <T : Any> PageHandleable<T>.onRefresh(crossinline body: @Composable () -> Unit): PageHandleable<T> {     return if (!isHandled && items.loadState.refresh is LoadState.Loading) {         body()         markHandled()     } else this }  @Composable inline fun <T : Any> PageHandleable<T>.onError(crossinline body: @Composable (DataError) -> Unit): PageHandleable<T> {     return if (!isHandled && items.loadState.refresh is LoadState.Error) {         val error = (items.loadState.refresh as LoadState.Error).error         val result = when (error) {             is NoTransformationFoundException -> DataError.Remote.SERIALIZATION_ERROR             is DoubleReceiveException -> DataError.Remote.SERIALIZATION_ERROR             is SocketTimeoutException -> DataError.Remote.REQUEST_TIMEOUT             is UnresolvedAddressException -> DataError.Remote.NO_INTERNET_CONNECTION             is ResponseException -> when (error.response.status.value) {                 408 -> DataError.Remote.REQUEST_TIMEOUT                 429 -> DataError.Remote.TOO_MANY_REQUESTS                 in 500..599 -> DataError.Remote.SERVER_ERROR                 else -> DataError.Remote.UNKNOWN_ERROR             }             else -> DataError.Remote.UNKNOWN_ERROR         }         body(result)         markHandled()     } else this }  @Composable inline fun <T : Any> PageHandleable<T>.onSuccess(crossinline body: @Composable (LazyPagingItems<T>) -> Unit): PageHandleable<T> {     return if (!isHandled) {         body(items)         markHandled()     } else this }<\/code><\/pre>\n
    \u041a\u0430\u043a \u0432\u0438\u0434\u0438\u043c, \u0432\u0441\u0451 \u0434\u043e \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u043d\u0438\u043a\u0430\u043a\u043e\u0439 Kotlin-\u043c\u0430\u0433\u0438\u0438 \u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e \u043d\u0430 \u043b\u044e\u0431\u043e\u043c \u0434\u0440\u0443\u0433\u043e\u043c \u041e\u041e\u041f-\u044f\u0437\u044b\u043a\u0435 \u0441 \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u0430\u043c\u0438 \u0438 \u0430\u043d\u043e\u043d\u0438\u043c\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 (\u043b\u044f\u043c\u0431\u0434\u0430\u043c\u0438) \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0434\u043e\u0441\u043b\u043e\u0432\u043d\u043e. \u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435\u043b\u044c\u0437\u044f \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u044f \u043d\u0435 \u0437\u043d\u0430\u044e, \u0432\u0435\u0434\u044c \u0441 \u043d\u0438\u043c\u0438 \u044f\u0432\u043d\u043e \u043f\u0440\u043e\u0449\u0435 \u043f\u0438\u0441\u0430\u0442\u044c \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043a\u043e\u0434. <\/p>\n
    \u0422\u0440\u0435\u0442\u0438\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 — \u043c\u0430\u0433\u0438\u044f DSL \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0440\u0438\u043d\u0433.<\/h2>\n
    \u041c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u0432\u0442\u043e\u0440\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435, \u043e\u0434\u043d\u0430\u043a\u043e \u0442\u043e, \u043a\u0430\u043a LazyPagingItems \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 LazyList (\u0432 \u043c\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 — Column), \u043c\u0435\u043d\u044f \u0441\u043c\u0443\u0442\u0438\u043b\u043e \u0441\u0432\u043e\u0435\u0439 \u0432\u044b\u0431\u0438\u0432\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u0438\u0437 \u043e\u0431\u0449\u0435\u0433\u043e \u0444\u043e\u043d\u0430 \u043c\u043d\u043e\u0433\u043e\u0441\u043b\u043e\u0432\u043d\u043e\u0441\u0442\u044c\u044e. \u0420\u0435\u0447\u044c \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 items \u0432\u043d\u0443\u0442\u0440\u0438 LazyList \u043d\u0435 \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 LazyPagingItems. \u041d\u0435 \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 itemsIndexed, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u0431\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0431\u044b\u043b\u0438 \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u043e\u043c\u0435\u0447\u0435\u043d\u044b \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c\u0438<\/a>, \u0430 \u043f\u043e\u0441\u043b\u0435 \u0443\u0434\u0430\u043b\u0435\u043d\u044b \u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 paging-compose. \u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u043e\u0431\u044a\u044f\u0441\u043d\u0435\u043d\u0430 \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u0430<\/abbr>, \u043e\u0434\u043d\u0430\u043a\u043e \u043a\u043e\u0434\u0430 \u043f\u0438\u0441\u0430\u0442\u044c \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0447\u0443\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043f\u0440\u044f\u043c\u043e\u0435 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u043f\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0443, \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044f, \u0441\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 \u043e\u043d \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f. <\/p>\n
    \u041d\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0430 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u044f \u0438\u0445 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0441\u0432\u043e\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f scope, \u043a\u0430\u043a \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f. \u0412 \u0438\u0442\u043e\u0433\u0435, \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u0438\u0432\u0448\u0438\u0441\u044c \u0441\u0430\u043c\u0438\u043c Compose, \u044f \u043f\u0440\u0438\u0448\u0435\u043b \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439, \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e\u0439, \u043d\u0430 \u043c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434, \u0444\u043e\u0440\u043c\u0435:<\/p>\n
    @Composable fun ArticlesPage(     articles: LazyPagingItems<Article>,     onAction: (NewsListAction) -> Unit, ) {     val newsListState = rememberLazyListState()       HandlePagingItems(articles) {         onRefresh { CircularProgressIndicator() }         onEmpty { \/\/ UI for empty list }         onError { error -> \/\/ UI for error }         onSuccess { items ->             LazyColumn(newsListState) {                 onPagingItems(key = { it.id }) { article -> \/\/ UI for article }                 onAppendItem { CircularProgressIndicator(Modifier.padding(6.dp)) }                 onLastItem { \/\/ UI for end of the list }             }         }     } }<\/code><\/pre>\n
    \u0417\u0434\u0435\u0441\u044c onPagingItems, onAppendItem \u0438 onLastItem \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0437\u0432\u0430\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043d\u0443\u0442\u0440\u0438 LazyList scope, \u043f\u0440\u0438\u0447\u0435\u043c \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0442\u0441\u0435 LazyPagingItems.  \u0412\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 DSL, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e:<\/p>\n
    @DslMarker annotation class PagingDSL  @PagingDSL class PagingHandlerScope<T : Any>(     private val items: LazyPagingItems<T> ) {     private var handled = false     private val loadState = derivedStateOf { items.loadState }.value      @Composable     fun onEmpty(body: @Composable () -> Unit) {         if (handled) return         if (loadState.refresh !is LoadState.Error && items.itemCount == 0) {             handled = true             body()         }     }      @Composable     fun onRefresh(body: @Composable () -> Unit) {         if (handled) return         if (loadState.refresh is LoadState.Loading) {             handled = true             body()         }     }      @Composable     fun onSuccess(body: @Composable (LazyPagingItems<T>) -> Unit) {         if (!handled) {             handled = true             body(items)         }     }      @Composable     fun onError(body: @Composable (DataError) -> Unit) {         if (handled) return         if (loadState.refresh is LoadState.Error) {             val error = (loadState.refresh as LoadState.Error).error             val result = when (error) {                 is NoTransformationFoundException -> DataError.Remote.SERIALIZATION_ERROR                 is DoubleReceiveException -> DataError.Remote.SERIALIZATION_ERROR                 is SocketTimeoutException -> DataError.Remote.REQUEST_TIMEOUT                 is UnresolvedAddressException -> DataError.Remote.NO_INTERNET_CONNECTION                 is ResponseException -> when (error.response.status.value) {                     400 -> DataError.Remote.BAD_REQUEST                     401 -> DataError.Remote.UNAUTHORIZED                     403 -> DataError.Remote.FORBIDDEN                     404 -> DataError.Remote.NOT_FOUND                     405 -> DataError.Remote.SERVER_ERROR                     409 -> DataError.Remote.CONFLICT                     408 -> DataError.Remote.REQUEST_TIMEOUT                     429 -> DataError.Remote.TOO_MANY_REQUESTS                     in 500..599 -> DataError.Remote.SERVER_ERROR                     else -> DataError.Remote.UNKNOWN_ERROR                 }                  else -> DataError.Remote.UNKNOWN_ERROR             }             handled = true             body(result)         } else this     }      @LazyScopeMarker     fun LazyListScope.onAppendItem(body: @Composable LazyItemScope.() -> Unit) {         if (loadState.append == LoadState.Loading) {             item { body(this) }         }     }      @LazyScopeMarker     fun LazyListScope.onLastItem(body: @Composable LazyItemScope.() -> Unit) {         if (loadState.append.endOfPaginationReached) item { body(this) }     }      @LazyScopeMarker     fun LazyListScope.onPagingItems(key: ((T) -> Any)?, body: @Composable LazyItemScope.(T) -> Unit) {         items(             count = items.itemCount,             key = items.itemKey(key),         ) { index ->             val item = items[index]             item?.let {                 body(it)             }         }     } }  @Composable fun <T : Any> HandlePagingItems(     items: LazyPagingItems<T>,     content: @Composable PagingHandlerScope<T>.() -> Unit ) {     PagingHandlerScope(items).content() }<\/code><\/pre>\n
    \u0421\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u0442\u044c \u043c\u0430\u0433\u0438\u044e \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u043e\u0447\u043a\u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e:<\/p>\n
    private val loadState = derivedStateOf { items.loadState }.value<\/code><\/pre>\n
    \u0422\u0443\u0442 \u0432\u0441\u0451 \u0434\u0435\u043b\u043e \u0432 \u0441\u0430\u043c\u043e\u043c Compose \u0438 \u0435\u0433\u043e \u0432\u0438\u0434\u0435\u043d\u0438\u0438 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043a\u0443 \u043f\u0440\u0438 \u0440\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 loadState \u043f\u0435\u0439\u0434\u0436\u0435\u0440\u0430 \u0441\u0430\u043c\u043e \u043f\u043e \u0441\u0435\u0431\u0435 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e, \u0437\u0430 \u0435\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c\u0438 \u0441 \u0446\u0435\u043b\u044c\u044e \u044f\u0432\u043d\u043e\u0439 \u0440\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e derivedState. \u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0431\u0443\u0434\u0443\u0442 \u043d\u0435\u0438\u0437\u0431\u0435\u0436\u043d\u044b \u043d\u0435\u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u0432 UI, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u0435\u0439\u0434\u0436\u0435\u0440\u0430.<\/p>\n
    \u0418\u0437-\u0437\u0430 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u0445\u0430\u0440\u0434\u043a\u043e\u0434\u043d\u043e \u0437\u0430\u0448\u0438\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 \u0432\u043d\u0443\u0442\u0440\u044c \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u043e\u0433\u043e \u043f\u0435\u0439\u0434\u0436\u0435\u0440\u043e\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e loadState, \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043e\u0448\u0438\u0431\u043e\u043a \u0432 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u043b\u043e\u0439, \u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430 \u043c\u0435\u0441\u0442\u0435. \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u0435 LazyPagingItems<T> \u0435\u0449\u0435 \u0432 \u043e\u0434\u0438\u043d union-\u0442\u0438\u043f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, Result<LazyPagingItems<T>, Error<DataError>> \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0447\u0440\u0435\u0432\u0430\u0442\u043e \u043c\u0430\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0440\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0432 Compose. \u0415\u0441\u043b\u0438 \u0443 \u043a\u043e\u0433\u043e-\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0435\u0439 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0441\u0442\u0438, \u0431\u0443\u0434\u0443 \u043f\u0440\u0438\u0437\u043d\u0430\u0442\u0435\u043b\u0435\u043d \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430\u043c.<\/strong><\/p>\n
    \u0414\u043e\u0441\u0442\u043e\u0438\u043d\u0441\u0442\u0432\u0430 \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0441 DSL \u043f\u043e\u043c\u0438\u043c\u043e \u0441\u0443\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u0440\u0430\u0441\u043e\u0442\u044b \u043a\u043e\u0434\u0430 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u044d\u0442\u043e \u043d\u0435 \u043d\u0435\u0440\u0430\u0437\u0440\u044b\u0432\u043d\u0430\u044f \u0446\u0435\u043f\u043e\u0447\u043a\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u0432, \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0445 \u0442\u043e\u0447\u043a\u043e\u0439 \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0449\u0438\u0445 \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u043e\u0431\u044a\u0435\u043a\u0442 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0443, \u0430 scope, \u0445\u0440\u0430\u043d\u044f\u0449\u0438\u0439 \u044d\u0442\u043e\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0431\u044f \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0441 \u044d\u0442\u0438\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c, \u043f\u0440\u0435\u0434\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u043e\u0439. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043c\u0435\u0436\u0434\u0443 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c\u0441\u044f \u0434\u0440\u0443\u0433\u043e\u0439 \u043a\u043e\u0434 \u0432 \u043a\u0430\u043a\u043e\u0439 \u0443\u0433\u043e\u0434\u043d\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438.<\/p>\n
    \u041c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e DSL \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d \u0432 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 SpaceNews Explorer, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u044f \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u0442\u0442\u0430\u0447\u0438\u0432\u0430\u043b \u0441\u0430\u043c\u044b\u0435 \u043f\u0435\u0440\u0432\u044b\u0435 \u0438 \u0440\u043e\u0431\u043a\u0438\u0435 \u043d\u0430\u0432\u044b\u043a\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 Paging3. \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0443\u043b\u044c\u0442\u0438-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u043c, \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 Desktop (\u0435\u0441\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0438 \u043f\u043e\u0434 Windows \u0438 Ubuntu) \u0438 Android, \u043b\u0435\u0436\u0438\u0442 \u043d\u0430 GitHub \u0437\u0434\u0435\u0441\u044c<\/a>, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u043e \u0432 Google Play<\/a>.<\/p>\n
    \u0411\u043e\u043b\u044c\u0448\u043e\u0435 \u0441\u043f\u0430\u0441\u0438\u0431\u043e \u0432\u0441\u0435\u043c, \u043a\u0442\u043e \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u044e, \u043d\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0446\u0435\u043d\u043d\u044b\u043c\u0438 \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0430 \u0431\u0443\u0434\u0443\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u0438 \u0441\u043e\u0432\u0435\u0442\u044b \u043f\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044e \u043a\u043e\u0434\u0430.<\/p>\n\n
    P.S. \u0414\u0432\u0435 \u0432\u0435\u0449\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f \u0443\u0437\u043d\u0430\u043b, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e \u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435:<\/em><\/p>\n