Décrivez votre UI en fonction d’un état donné et utilisez les événements pour changer le dit état. Voici, en substance, la description du pattern “Declarative UI” (pensez React, Vue, Svelte, etc.). Si nous définissons l’état de notre application comme “étape X de la slide Y”, il est alors facile de voir comment nous pouvons utiliser le pattern déclaratif pour créer un framework web de présentation.
Dans ce live coding, nous expliquerons d’abord comment fonctionne JetBrains Compose for web.
D’une simple page web, nous créerons alors un framework de présentation utilisant le paradigme déclaratif avec Compose for Web. Nous décrirons nos slides avec un DSL Kotlin maison et laisserons les transitions au navigateur via CSS. Chaque nouvelle slide utilisera ce que nous avons créé pour la précédente, jusqu’à ce que nous ayons créé un framework complet de présentation déclarative, et une présentation pour le déclarer !