javascript - Bug dans l'application Svelte : la conversion d'une chaîne en booléen dans la vue échoue

Dans une application Svelte, j'ai ce tableau de pays :

let countries = [ { name:"Alegeria", status: "1" }, { name:"Bulgaria", status :"0" } ]

Notez que la pr

Lire la suite →

javascript - Quels types d'avantages de performance Svelte obtient-il en n'ayant pas de DOM virtuel ?

J'ai une question sur Svelte : si Svelte n'adopte pas le mécanisme du Virtual DOM ou du Shadow DOM, comment génère-t-il des applications à haute performance ? Parce que Svelte n'est qu'un compilateur qui génère une version JavaScript pure. Est-ce la seule conclusion à tirer de Svelte, à savoir que convertir en code JavaScript pur vous donnera des applications à haute performance ? Alors pourquoi React ou Angular utilisent-ils des mécanismes comme le Virtual DOM ou le Shadow DOM ?

Je sai

Lire la suite →

javascript - Comment puis-je créer un cookie dans Svelte et y accéder ?

J'essaie de créer un cookie dans Svelte (et j'utilise aussi Svelte Kit) et d'y accéder. Je veux utiliser le cookie à des fins d'authentification, plus précisément pour stocker un jeton JWT.

J'ai essayé de mettre en œuvre du code JS pur, tel que getCookie() et setCookie() comme montré

Lire la suite →

javascript - Test de composant Svelte avec Jest, Impossible de charger les fichiers Svelte de manière récursive

Je travaille sur un projet Svelte avec Typescript et je veux utiliser Jest pour tester les composants UI en utilisant le module @testing-library/svelte. Je ne parviens pas à importer correctement tous mes fichiers Svelte comme mes sous-composants et Jest reste bloqué en essayant de charger l'application.

Il y a quelques erreurs TypeScript dans les composants Svelte et grâce à l'impression de ces erreurs, je peux voir quels fichiers ont réellement été chargés. Après le chargement de App.

Lire la suite →

Svelte TypeScript : L'objet est de type 'unknown'

J'essaie d'implémenter TypeScript dans Svelte et j'ai un problème avec les gestionnaires d'événements dans les éléments personnalisés. Quand j'écris quelque chose comme :

<CustomComponent on:itemclick={() => dispatch("item", item)} on:doSometing={onDoSomethingHandler} on:doSomethingElse={onDoSomethingElseHandler}> </CustomComponent>

Et maintenant la chose drôle : les deux premiers vont générer une erreur :

Lire la suite →

javascript - Bug de défilement infini dans le composant visionneuse hex Svelte

Je travaille sur la création d'un composant de visualisation hexadécimale capable de gérer l'affichage de tableaux de taille arbitrairement grande. On s'attend à ce qu'il y ait des dizaines de millions de valeurs. J'ai réussi à faire fonctionner ce composant en grande partie, mais il y a un bug insaisissable avec lequel je suis coincé depuis des jours.

L'idée est de ne rendre dans le DOM que ce qui est actuellement visible à l'écran. Il y a des éléments d'espacement au-dessus et en dess

Lire la suite →

Svelte et TypeScript : comment ajouter ou étendre un composant de base/par défaut tel que <div /> ou <input/>

Dans mon application Svelte, j'essaie de permettre aux utilisateurs de télécharger des dossiers en plus des fichiers. Jusqu'à présent, la seule façon que j'ai trouvée pour le faire est d'utiliser une balise input avec l'attribut type="file", et d'ajouter l'attrib

Lire la suite →

typescript - Comment implémentez-vous un endpoint Post Sveltekit qui effectue une requête asynchrone à la base de données ?

Donc, lorsque j'accède au point de terminaison post de SvelteKit, cela fonctionne bien si je soumets certaines valeurs et qu'elles ne passent pas les vérifications de validation. Il renvoie le statut et le corps corrects. Cependant, lorsqu'il effectue l'ins

Lire la suite →

typescript - Ajouter Google Analytics avec un gestionnaire de consentement à un site Web SvelteKit

J'ai besoin d'ajouter Google Analytics à un site web SvelteKit. Les instructions de Google indiquent que le script ci-dessous doit être ajouté à la balise <head>, donc je pensais que je pouvais simplement l'ajouter dans app.html. Le problème est que je dois utiliser le mode de consentement pour respecter les réglementations GDPR. Pour cela, je dois pouvoir lire et écrire une sorte de variable pour activer et désactiver les analyses.

Autant que je puisse e

Lire la suite →

typescript - Svelte Instances d'applications multiples avec des stores (sans Redux)

remarque : réponse personnelle

Donc par défaut, il existe trois façons principales dans Svelte que vous pouvez utiliser pour transmettre des données entre différents composants.

1. L’évident, en utilisant des accessoires

Tr

Lire la suite →