Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/FluorescentHallucinogen/pwa-awesome-ru

A curated list of awesome PWA resources (primarily in Russian)
https://github.com/FluorescentHallucinogen/pwa-awesome-ru

List: pwa-awesome-ru

progressive-web-app pwa

Last synced: about 2 months ago
JSON representation

A curated list of awesome PWA resources (primarily in Russian)

Awesome Lists containing this project

README 

        
# Awesome PWA RU



## Другие подборки Awesome PWA



* https://github.com/hemanth/awesome-pwa

* https://github.com/TalAter/awesome-progressive-web-apps

* https://github.com/hzzheng/awesome-pwa

* https://pwaresources.dev



## Case Studies



* https://www.pwastats.com

* https://web.dev/tags/case-study/

* https://pwa-book.awwwards.com



## Web API и тесты поддержки Web API в браузерах



* https://whatwebcando.today

* https://whatpwacando.today

* https://howfuguismybrowser.dev (https://chrome.google.com/webstore/detail/how-fugu-is-the-web/apcghpabklkjjgpfoplnglnjghonjhdl)

* https://tomayac.github.io/pwa-feature-detector/

* https://mefody.github.io/fugu-detector/

* https://jakearchibald.github.io/isserviceworkerready/

* https://permission.site

* https://immersive-web.github.io/webxr-samples/tests/permission-request.html

* https://simple-push-demo.vercel.app

* https://tests.peter.sh/notification-generator/

* https://tests.peter.sh/push-message-generator/

* https://tests.peter.sh/push-encryption-verifier/

* https://mozilla-services.github.io/WebPushDataTestPage/

* https://killer-marmot.appspot.com

* https://edgepwaone.azurewebsites.net

* https://html5test.com

* https://wpt.fyi

* https://webstatus.dev

* https://caniuse.com

* https://chromestatus.com

* https://goo.gle/fugu-api-tracker

* https://kangax.github.io/compat-table/es6/

* https://github.com/PWA-POLICE/pwa-bugs



## Источники информации



* https://twitter.com/intenttoship

* https://bit.ly/blinkintents

* https://chromium-review.googlesource.com

* https://chromiumdash.appspot.com

* https://crbug.com

* https://source.chromium.org



## Инструменты



* https://developers.google.com/web/tools/lighthouse

* https://webhint.io

* https://developers.google.com/web/tools/workbox

* https://pwabuilder.com

* https://github.com/GoogleChromeLabs/bubblewrap

* https://maskable.app

* https://maskable.app/editor

* https://play.google.com/store/apps/details?id=dev.conn.assetlinkstool

* https://github.com/web-push-libs/



## Полезные веб-компоненты



### Нативные



* https://github.com/ProgressiveWebComponents/pwa-install

  * https://npmjs.com/package/@progressivewebcomponents/pwa-install

  * https://pwa-install.web.app/vanilla/

  * https://play.google.com/store/apps/details?id=app.web.pwainstall



* https://github.com/khmyznikov/pwa-install

  * https://npmjs.com/package/@khmyznikov/pwa-install

  * https://www.khmyznikov.com/pwa-install/



* https://github.com/pwa-builder/PWABuilder/tree/main/components/pwa-install

  * https://npmjs.com/package/@pwabuilder/pwainstall



* https://github.com/pwa-builder/PWABuilder/tree/main/components/



### React



* https://github.com/chrisdancee/react-ios-pwa-prompt



## Обучающие курсы по PWA (на английском)



* [Learn PWA на web.dev](https://web.dev/learn/pwa/)

* [Progressive Web Apps Training на web.dev](https://web.dev/progressive-web-apps/)

* [#30DaysOfPWA](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/)

* [PWA на MDN](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps)

* [PWA на Microsoft Edge Docs](https://docs.microsoft.com/ru-ru/microsoft-edge/progressive-web-apps-chromium/)



### YouTube



* [Progressive Web Apps (PWA) for Beginners](https://youtube.com/playlist?list=PLlrxD0HtieHjqO1pNqScMngrV7oFro-TY)

* [Progressive Web App Training](https://youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh)



## Карманные справочники



* [Web Push and Notifications on web.dev](https://web.dev/notifications/)

* [Web Push Book](https://web-push-book.gauntface.com)

* [Service Worker Cookbook](https://serviceworke.rs)



## Площадки для обсуждения



* https://t.me/pwa_ru — русскоязычное сообщество PWA в Telegram

* https://progressive-web-apps.slack.com — глобальное сообщество PWA в Slack

* https://bit.ly/discord-pwa — глобальное сообщество PWA в Discord

* https://aka.ms/pwabuilderdiscord — глобальное сообщество PWABuilder в Discord

* https://chromiumdev.slack.com — глобальное сообщество Chromium в Slack

* https://chromium.slack.com — глобальное сообщество Chromium в Slack



## На кого подписаться в Twitter



* https://twitter.com/i/lists/1008400902313693184

* https://twitter.com/i/communities/1457807184436334608

* https://twitter.com/i/communities/1461802928059133955



## Конференции



* [PWA Summit](https://pwasummit.org)



## Документация и статьи на русском (включая переводы)



* [WorkBox: ваш toolkit в мире сервис-воркеров](https://habr.com/ru/company/domclick/blog/523106/)

* [Как работает JS: сервис-воркеры](https://habr.com/ru/company/ruvds/blog/349858/)

* [Визуализация работы сервис-воркеров](https://habr.com/ru/post/491840/)

* [Рецепты по приготовлению оффлайн-приложений](https://habr.com/ru/post/517672/)

* [Продуманные запросы: стратегии кэширования в век PWA](https://habr.com/ru/company/ruvds/blog/478326/)



## Документация и статьи на английском

* [Measuring offline usage (w/ Workbox)](https://web.dev/measuring-offline-usage/)

* [Let web applications be file handlers (File Handling API)](https://web.dev/file-handling/)

* [Reading and writing files and directories with the browser-nativefs library (File System Access API)](https://web.dev/browser-nativefs/)

* [Service worker caching and HTTP caching](https://web.dev/service-worker-caching-and-http-caching/)

* [Make your PWA feel more like an app](https://web.dev/app-like-pwas/)



## Лучшие практики

* [Patterns for promoting PWA installation](https://web.dev/promote-install/)

* [Patterns for making fluent permission requests](https://youtu.be/riKmez3sHaM)



## PWA в популярных фреймворках и инструментах (EN)



* [Web Components (LitElement)](https://github.com/pwa-builder/pwa-starter)

* [Web Components (Stencil)](https://stenciljs.com/pwa/)

* [Vue](https://cli.vuejs.org/core-plugins/pwa.html)

* [React](https://create-react-app.dev/docs/making-a-progressive-web-app/)

* [Angular](https://angular.io/guide/service-worker-intro)

* [Gatsby](https://www.gatsbyjs.com/docs/progressive-web-app/)

* [NextJS](https://github.com/shadowwalker/next-pwa)

* [Flutter](https://docs.flutter.dev/deployment/web)



## Истории успеха



* [Как мы запустили offline-версию сайта RG.RU](https://habr.com/ru/company/oleg-bunin/blog/348150/)



## Примеры PWA



### Известные российские сервисы



* https://aviasales.ru

* https://trivago.ru

* https://ivi.ru

* https://tinkoff.ru

* https://dns-shop.ru (https://play.google.com/store/apps/details?id=com.es.dns) [T]

* https://hi-chef.ru (https://play.google.com/store/apps/details?id=ru.hi_chef.twa) [T]

* https://m.sportmaster.ru

* https://meduza.io

* https://m.habr.com

* https://badoo.com (https://play.google.com/store/apps/details?id=com.badoo.twa) [MO] [T]

* https://zarplata.ru [MO]

* https://kuvalda.ru (https://play.google.com/store/apps/details?id=ru.kuvalda.www.twa, https://apps.apple.com/ru/app/id1611719649)

* https://ria.ru



* https://m.2gis.ru [MO]

* https://lenta.ru (https://play.google.com/store/apps/details?id=ru.rambler.lenta) [T]

* https://gazeta.ru

* https://letidor.ru

* https://secretmag.ru

* https://moslenta.ru

* https://ferra.ru

* https://passion.ru

* https://motor.ru



* https://rambler.ru

* https://news.rambler.ru (https://play.google.com/store/apps/details?id=ru.rambler.news) [T]

* https://kino.rambler.ru

* https://doctor.rambler.ru

* https://woman.rambler.ru

* https://sport.rambler.ru

* https://travel.rambler.ru

* https://auto.rambler.ru

* https://weekend.rambler.ru

* https://finance.rambler.ru



* https://m.vk.com

* https://delivery-club.ru

* https://youla.ru

* https://hi-tech.mail.ru [MO]

* https://news.mail.ru [MO]

* https://pogoda.mail.ru [MO]

* https://realty.mail.ru [MO]

* https://kino.mail.ru [MO]

* https://lady.mail.ru [MO]

* https://horo.mail.ru [MO]

* https://auto.mail.ru [MO]



### Известные мировые сервисы (кроме сервисов Google и Microsoft)



* https://instagram.com [AO] [MO]

* https://twitter.com

* https://web.telegram.org

* https://m.aliexpress.com [MO]

* https://open.spotify.com

* https://soundcloud.com [DO]

* https://www.tiktok.com

* https://m.twitch.tv

* https://tinder.com

* https://pinterest.com (https://play.google.com/store/apps/details?id=com.pinterest.twa) [T]

* https://app.starbucks.com

* https://dev.to

* https://youporn.com

* https://vscode.dev



T (TWA) — приложение доступно также в виде Trusted Web Activity



AO (Auth only) — установка приложения доступна только после авторизации



MO (Mobile only) — установка приложения доступна только на мобильных устройствах



DO (Desktop only) — установка приложения доступна только на настольных компьютерах



## Каталоги PWA



* https://store.app

* https://pwa-directory.appspot.com

* https://appsco.pe

* https://outweb.mariusclaret.com

* https://pwa-store.web.app

* https://findpwa.com

* https://pwainside.com

* https://progressiveapp.store



* Samsung Galaxy Store

* Microsoft Store

* KaiStore