pwa resources

Ressources PWA

Une collection organisée de ressources pour apprendre à créer des applications Web progressives?

Organisé et entretenu avec ♥ par les gens de Shareup. Nous embauchons! Venez construire de grandes choses avec nous.

Il a souvent été difficile pour nous de trouver des ressources à jour sur les PWA. Nous voulions collecter les liens qui nous ont aidés, ou dans nos listes #Readlater, en un seul endroit.

Les normes et la technologie autour des PWA ont changé au fil des ans, mais bon nombre des ressources que nous trouvons de référence à partir de 2015. Même encore, certaines des ressources plus anciennes sont utiles, nous avons donc essayé de les qualifier de "cette ressource pourrait être un peu obsolète" si nécessaire.

Puis-je suggérer de nouvelles ressources?

Oui! Créez un PR pour resources.ts ou envoyez un e-mail à [email protected].

C'est un PWA

Nous voulions construire rapidement un peu de PWA avec WMR qui se cache et fonctionne hors ligne, vous pouvez les ressources préférées et celles-ci sont persistées dans IndededDB, et il peut être installé sur votre écran d'accueil?

Quelle est la pile technologique pour ce PWA?

• Tout notre code est écrit en modules TypeScript et CSS
• WMR est notre serveur de développement et notre bundler
• Preact et Preact-ISO rendent HTML à la fois côté serveur et côté client, fournit un routage dans les deux cas et hydrate les pièces interactives côté client
  • Nous sommes biaisés et utilisés uniquement des composants fonctionnels + crochets
• IDB est la bibliothèque fantastique que nous utilisons pour promettre un accès indexéddb
• Les propriétés personnalisées CSS sont la façon dont nous essayons de contrôler dynamiquement les valeurs de style
• Un travailleur de la vanille gère l'accès à la mise en cache et hors ligne

L'œuvre est fantastique!

Oui, nous sommes d'accord! Adam a fait un excellent travail en créant des illustrations vraiment amusantes pour le site ???

Todos

• Pouvons-nous forcer iOS à pré-cacher tous les actifs lors de l'installation sur le tremplin?
• Revisiter https://github.com/preactjs/wmr/tree/main/packages/sw-plugin et documenter pourquoi cela n'a pas fonctionné