Intégrer Queen : l'exemple de Pearl-Jam

Pearl-Jam est une application qui intègre Queen en tant que web-component. Elle utilise également react.

Son code source est disponible sur GitHub.

Chargement de Queen

Le chargement de l'application dans Queen est fait de façon dynamique (l'url de Queen est déduite à partir d'un fichier de configuration).

Queen est chargée à partir du composant de plus haut niveau afin de la rendre disponible le plus tôt possible : Racine de l'application hook d'importation

Utilisation de Queen

Lorque l'url de Pearl-Jam commence par "/queen", l'application rend le composant <QueenContainer> qui se contente d'écrire le tag html <queen-app />.

Service-worker

L'url de Queen étant dynamique dans l'application, elle est passée via l'url d'enregistrement du service-worker : code. (surcharge de serviceWorker.js créé lors du create-react-app)

L'url est ensuite récupérée dans le service-worker via l'url d'enregistrement toujours : code