Svelte dans le bac à sable

[alexisjanvier]

Description

Cette PR correspond à des tests réalisés sur le front Svelte, parce que, et bien je connaissais pas Svelte. Elle peut-être mergé, ou non, cela n'a pas vraiment d'importance (sauf pour la question du bundler à mon avis), le code présent ne pouvant au mieux que servir d'exemple - pas qu'il soit exemplaire d'ailleurs - et il est complêtement isolé dans le répertoire ricketmorty.

Je voulais au moins tester :

• la mise en place d'un système de routing,
• des appels API pour obtenir de la donnée.

En tout cas, voici ce que je retiens de cette experimentation :

• j'ai utilisé Tachyons pour le css. L'avantage, c'est que c'est un simple lien vers le fichier CDN. Sinon, et bien c'est pratique, mais je ne suis quand même pas fan de ce genre de css (ça reprend un peu le principe de Tailwind non ?)
• j'ai utilisé le router svelte-routing qui m'a obligé à switcher de Rollup à Webpack pour cause de workspaces yarn. Mais j'ai l'impression que globalement, dès que l'on utilisera un composant front dépendant directement de Svelte, on aura le problème, et que c'est sans doute une bonne idée de rester sous Webpack.
• Galère d'utilisation de Prettier et Eslint avec svelte... En tout cas j'ai laissé tomber sous vim, c'est un peu mieux sous VSCode mais à peine.
• Le routeur un peu momoche ... impossible de lancer une route qui ne serait pas la racine /.... A voir si le SSR est obligatoire pour pouvoir gérer cela ?
• Je n'ai pas utilisé les state et autres store natif de svelte, mais ça a l'air plutôt chouette.
• C'est une très mauvaise idée d'essayer de mettre du français dans le code ^^

[tmaziere]

Belle exploration préliminaire :) @AntoineLelaisant tu aurais des préconisations à faire avant d'intégrer tout ça ? Je pense au routeur notamment, sur lequel sauf erreur tu as bossé. Pour Rollup il me semble que tu m'avais effectivement dit que c'était source de galères.

[AntoineLelaisant]

Hello, pour le router je peux te conseiller celui-ci qu'on a fait nous même. https://www.npmjs.com/package/svelters-router

Normalement il devrait être assez sembable à react-router dans l'utilisation, tu devrais t'y retrouver. (en plus si tu en as on est preneur de retour dessus :wink: )

Je plussoie le switch de rollup à webpack, rollup est super instable et le HMR ne fonctionne vraiment pas bien.

[tmaziere]

@alexisjanvier on est d'accord que cette PR n'est pas du tout facultative, en fait ? Rien que pour webpack, parce que rollup c'est l'enfer...

[alexisjanvier]

@tmaziere Yes :)