pwa resources

PWA Ресурсы

Кураторская коллекция ресурсов для обучения для создания прогрессивных веб -приложений?

Куратор и поддерживается с ♥ людьми в Shareup. Мы нанимаем! Приходите построить с нами великие дела.

Нам часто было трудно найти актуальные ресурсы о PWAS. Мы хотели собрать ссылки, которые помогли нам или находились в наших списках #Readlater, в одно место.

Стандарты и технологии вокруг PWAS изменились за эти годы, однако многие из ресурсов, которые мы находим справочным материалом с 2015 года. Даже все еще, некоторые из более старых ресурсов полезны, поэтому мы попытались назвать их как «этот ресурс может быть немного устаревшим, когда это необходимо» .

Могу ли я предложить новые ресурсы?

Да! Либо создайте PR для resources.ts .

Это PWA

Мы хотели быстро построить небольшой PWA с WMR, который кэширует себя и работает в автономном режиме, вы можете любимые ресурсы, и они сохраняются в IndexedDB, и его можно установить на ваш домашний экран?

Какой технический стек для этого PWA?

• Весь наш код написан в модулях TypeScript и CSS
• WMR - наш сервер Dev и Bundler
• Preact и Preact-ISO обозначает HTML как на стороне сервера, так и на стороне клиента, обеспечивает маршрутизацию в обоих случаях и увлажняет интерактивные детали клиентской стороны
  • Мы предвзяты и используются только функциональные компоненты + крючки
• IDB - это фантастическая библиотека, которую мы используем для обещания IndexedDB Access
• CSS пользовательские свойства - это то, как мы пытаемся динамически управлять значениями стиля
• Работник по обслуживанию ванили обрабатывает кэширование и доступ к автономному доступу

Работа фантастика!

Да, мы согласны! Адам сделал отличную работу, создав несколько действительно забавных иллюстраций для сайта ???

Тодос

• Можем ли мы заставить iOS предварительно принять все активы при установке на трамплин?
• RESISIT https://github.com/preactjs/wmr/tree/main/packages/sw-plugin и документируйте, почему это не сработало