Les <spanclass="vo">[web component](/docs/web#web-component)</span> sont créés à partir de composants Svelte en utilisant une approche de <spanclass="vo">[wrapper](/docs/development#wrapper)</span>. Cela signifie que le composant Svelte imbriqué n'a aucune conscience qu'il est au sein d'un <spanclass="vo">[web component](/docs/web#web-component)</span>. Le web component englobant prend lui-même en charge la gestion du cycle de vie.
Quand un <spanclass="vo">[web component](/docs/web#web-component)</span> est créé, le composant Svelte qu'il embarque n'est _pas_ créé immédiatement. Il est uniquement créé lors du <spanclass="vo">[tick](/docs/sveltejs#tick)</span> suivant l'appel à `connectedCallback`. Les propriétés assignées au <spanclass="vo">[web component](/docs/web#web-component)</span> avant qu'il ne soit inséré dans le <spanclass="vo">[DOM](/docs/web#dom)</span> sont temporairement enregistrées et assignées à la création du composant, pour ne pas perdre leur valeur. Toutefois, la même chose ne fonctionne pas pour l'invocation des fonctions exportées par le <spanclass="vo">[web component](/docs/web#web-component)</span>, elles sont uniquement disponibles après le montage du composant. Si vous avez besoin d'invoquer des fonctions avant la création du composant, vous pouvez contourner le problème en utilisant l'option [`extend` option](#component-options).
Quand un <spanclass="vo">[web component](/docs/web#web-component)</span> est créé, le composant Svelte qu'il embarque n'est _pas_ créé immédiatement. Il est uniquement créé lors du <spanclass="vo">[tick](/docs/sveltejs#tick)</span> suivant l'appel à `connectedCallback`. Les propriétés assignées au <spanclass="vo">[web component](/docs/web#web-component)</span> avant qu'il ne soit inséré dans le <spanclass="vo">[DOM](/docs/web#dom)</span> sont temporairement enregistrées et assignées à la création du composant, pour ne pas perdre leur valeur. Toutefois, la même chose ne fonctionne pas pour l'invocation des fonctions exportées par le <spanclass="vo">[web component](/docs/web#web-component)</span>, elles sont uniquement disponibles après le montage du composant. Si vous avez besoin d'invoquer des fonctions avant la création du composant, vous pouvez contourner le problème en utilisant l'option [`extend` option](#options-de-composant).
Lorsqu'un <spanclass="vo">[web component](/docs/web#web-component)</span> écrit avec Svelte est créé ou mis à jour, le <spanclass="vo">[DOM fantôme](/docs/javascript#shadow-dom)</span> reflète la valeur lors du <spanclass="vo">[tick](/docs/sveltejs#tick)</span> suivant, et non immédiatement. Ainsi, les mises à jour peuvent être groupées, et les déplacements <spanclass="vo">[DOM](/docs/web#dom)</span> qui détachent temporairement (mais de manière synchrone) les éléments du DOM ne déclenchent pas le démontage du composant sous-jacent.