Svelte Society Day

French chapter

27 sept.

14:00 CEST

La première conférence francophone sur Svelte et son écosystème !

Onze talks en français, diffusés sur la chaîne YouTube de Svelte Society, sur des sujets très divers mais toujours avec du Svelte dedans : des retours d'expérience, des migrations React ou Angular vers Svelte, du TypeScript, du GraphQL et plein d'autres technos comme Rollup, Babel, Routify et... des pancakes et des bébés phoques !

19h30 - Ask Me Anything avec Shawn & Kevin

Rendez-vous à 19h30 sur la chaîne YouTube de Svelte Society pour une séance de questions-réponses (in English) avec Shawn et Kevin, deux piliers du Discord Svelte . Ils nous parleront des initiatives de la communauté, de la roadmap Svelte et du Svelte Summit qui approche à grands pas.

Photo de Shawn

Shawn

Ils sont beaux, ils sont Svelte et ils vont vous dire comment ils le sont devenus.

  • Photo de Patricia Boh

    Patricia Boh

    Comment j'ai crée une boucle d'apprentissage pour apprendre à faire du WebGL

    Lorsque j'ai décidé de me plonger dans les tutoriels du site webglfundamentals.org, j’ai eu envie de créer une interface pour tester les exemples que je suivais. Par la même occasion, je me suis dit que ce serait tellement plus marrant de créer une boucle de retour avec des emojis, basée sur ce qui se passe lorsqu'on finit le tutoriel officiel de Svelte. Je vais vous montrer comment j’ai reconverti un POC fait en vanillaJS en une sorte de notebook personnel, en me servant de Svelte et Sapper, et en utilisant Cypress et Cucumber pour guider mon développement.

    • #rex 
    • #sapper 
    • #cypress 
    • #cucumber 
  • Photo de Siddharatha Nagavarapu

    Siddharatha Nagavarapu

    Svelte + Routify + AWS Amplify + plein de Web Components chez Schneider Electric

    Chez Schneider Electric nous avons choisi Svelte comme framework pour rassembler tous les composants web construits avec différentes technologies comme React, Angular et Stencil et nous aider à construire un set de composants d'interface utilisateur qui fonctionnent bien avec les API. Nous avons choisi Routify comme routeur et déployé notre application sur AWS Amplify, elle est en ligne depuis 3 mois avec environ 10 000 utilisateurs. L'application est censée accueillir 800 000 utilisateurs au début de l'année prochaine et nous sommes ravis de partager les leçons apprises jusqu'à présent avec la communauté.

    • #routify 
    • #amplify 
    • #webComponents 
  • Photo de Maxime Lambotin

    Maxime Lambotin

    Svelte + Sapper + GraphQL = <3

    J'ai testé Svelte et Sapper pour la première fois lors d'un projet libre pour mon école (Epitech). Il s'agit d'une application web permettant d’agréger des événements (concerts, meetups, etc...) de différentes plateformes en ligne (EventBrite, Meetup, Facebook Events). J'ai également utilisé un client GraphQL avec Svelte via Svelte-Apollo.

    • #sapper 
    • #graphQL 
    • #svelte-apollo 
  • Photo de Lang Hoang

    Lang Hoang

    Comment j'ai migré mon application Svelte vers Typescript

    Svelte a annoncé récemment le tant attendu support officiel de Typescript. Je vous propose un REX sur l'ajout de TS à ma petite application Svelte pour afficher ses stats Velib. Qu'est-ce qu'on y gagne ? Est-ce que la peinture est sèche ?

    • #rex 
    • #typescript 
  • Photo de Anthony Le Goas

    Anthony Le Goas

    Svelte : le framework qui sauve les bébés phoques

    À l'heure où nos applications web sont de plus en plus complexes, lourdes, gourmandes, et mettent en péril la survie des bébés phoques, est-il possible de concevoir des applications plus éco-friendly ? Découvrons ensemble comment Svelte peut nous aider à construire un web plus léger, plus rapide et plus écolo.

    • #greenIT 
    • #eco-conception 
  • Photo de Julien Pradet

    Julien Pradet

    Internationaliser son application pour seulement 1kb de JS

    J'ai adopté la philosophie de Svelte : plutôt que gérer les langues au runtime, j'en ai fait un maximum à la compilation pour avoir le code le plus léger possible. Dans cette conf' je vais donc vous parler de comment j'ai utilisé Rollup, Babel, svelte-i18n et autres joyeusetés pour avoir une application multilingue qui pèse moins 1kb de plus que l'application simple.

    • #i18n 
    • #svelte-i18n 
    • #rollup 
    • #babel 
  • Photo de Tom Février

    Tom Février

    Svelte & D3 : au service du journalisme de données

    En tant que journaliste en apprentissage au service infographie des Échos, je compte évoquer à travers des exemples pratiques comment Svelte et D3 peuvent travailler main dans la main pour aider une rédaction dans la réalisation d'infographies interactives sur le web.

    • #D3 
    • #infographies 
    • #data 
  • Photo de Roman Karavia

    Roman Karavia

    Retour d'expérience sur @sveltejs/pancake

    Ce talk montre comment utiliser “pancake”. Cette bibliothèque, publiée par Rich Harris, permet de générer des SVG côté serveur capables de s’adapter à n’importe quelle largeur sans exécution de Javascript côté client. Guidé par l’exemple des diagrammes de statistiques sur le nombre de cas de coronavirus qui sont publiés dans le New York Times nous créerons ensemble un diagramme à colonnes.

    • #pancake 
    • #graphics 
    • #svg 
  • Photo de Stéphane Vanraes

    Stéphane Vanraes

    Des composants sans rendu

    Les composants sans rendu (renderless components) sont des composants spéciaux qui ne contiennent aucun markup. En combinant slots, context API et stores, ils permettent d'encapsuler des comportements communs. Au travers de plusieurs exemples, je vous propose de découvrir ensemble comment ça fonctionne.

    • #renderless 
    • #slots 
    • #contextAPI 
    • #stores 
  • Photo de Mathieu Marchois

    Mathieu Marchois

    Migration de React vers Svelte/Sapper chez RadioFrance

    Je vous raconterai comment j’ai migré l’application de visualisation et de gestion des différents flux de la Maison de la Radio de React à Svelte + Sapper : comment j'ai découvert Svelte, pourquoi je l’ai choisi pour remplacer un app complexe et difficile à installer, et quelles ont été les différentes étapes pour faire adopter Svelte chez Radio France. Pari gagnant ! Cette migration s'est avérée être un succès, à tel point qu'elle a servi de poisson pilote pour un autre grand projet chez RadioFrance.

    • #rex 
    • #migration 
    • #react 
  • Photo de Jerôme Boukorras

    Jerôme Boukorras

    Photo de Mathieu Debaerdemaeker

    Mathieu Debaerdemaeker

    REX : Création de Skizzle avec Svelte + Electron

    Chez AXA nous avons été confrontés à un problème : la visibilité de nos pull-requests entre les différentes feature teams. Pour y remédier, nous avons créé Skizzle une app desktop qui regroupe tous les projets et qui permet de recevoir toutes les pull-requests. Nous avons fait le choix radical de réécrire l'application et de passer de Angular à Svelte. Je vous montrerai en quoi Svelte a permis à ce projet de prendre une nouvelle dimension en termes de maintenabilité et de performances.

    • #rex 
    • #migration 
    • #angular 
    • #electron