Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов

Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯

https://habr.com/ru/articles/945870/

#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API

SW: stale-while-revalidate на практике + гист

Идея простая: В статье разбирается стратегия кэширования stale-while-revalidate в Service Worker — подход, позволяющий мгновенно отдавать пользователю закэшированный контент и параллельно обновлять его в фоне. Рассмотрены сценарии применения (статика, API), потенциальные риски (устаревший HTML, квоты хранилища), а также приведён готовый рабочий пример с регистрацией, SW-кодом, офлайн-страницей и настройкой серверных заголовков. Материал сопровождается ссылкой на архив с исходниками и практическими советами по отладке, оптимизации и интеграции SWR в реальные проекты.

https://habr.com/ru/articles/938060/

#service_worker #swr #stalewhilerevalidate

[Перевод] Пишем одностраничное приложение с помощью htmx

JS-библиотеку htmx воспринимают как средство, которое спасает интернет от одностраничных приложений. Всё дело в том, что React поглотил разработчиков своей сложностью (так говорят), а htmx предлагает столь желанное спасение.

https://habr.com/ru/companies/ruvds/articles/849854/

#ruvds_перевод #spa #mpa #одностраничное_приложение #javascript #html #htmx #service_worker

Эмуляция бэкенда: как разрабатывать изолированный фронтенд с помощью Mock Service Worker

Всем привет! Сегодня я хочу рассказать о Mock Service Worker — технологии, которая позволяет эмулировать поведение бэкенда в ситуациях, когда по каким-то причинам невозможно использовать реальный бэкенд для полноценной разработки фронтенда. Тем более, что совсем недавно вышла новая мажорная версия библиотеки msw , и в ней достаточно много важных обновлений.

https://habr.com/ru/articles/780200/

#service_worker #mocks #mock #mock_service_worker #mock_server #api_mocking #моки #эмуляция_бэкенда #e2eтесты