What's up in ES2025? en fr

Yes, okay, ES2015 rules, and ES2017–2022 brought about a lot of cool things (most notably async/await, async iteration, optional chaining, private members), but a ton of cool stuff is expected to land in the next few years, too… and we can play with it already!

Christophe takes you through a whirlwind tour of the upcoming features he’s most excited about, due to become official in 2023, 2024… or 2025 ;-)

Quoi de neuf dans ES2025 ? en fr

Oui, oui, ES2015 déchire et ES2016–2022 nous ont apporté plein de choses cool (async / await, l'itération asynchrone, l'optional chaining, les membres privés…), mais y'a un tas d'autres pépites qui vont bientôt débarquer… et on peut déjà jouer avec nombre d'entre elles !

Christophe vous fait un tour d'horizon des nouveautés à venir qui l'intéressent le plus, qu’elles soient sur le point d'être officialisées… ou un peu plus expérimentales !

ES Proxies for fun and profit en fr

Proxies let us do metaprogramming in JavaScript, which is a really cool thing. There are well-established, useful patterns for it to be sure, and we’ll see a few of these. But they can also be used for less obvious results, or plain fun with mischievous tricks and quirky behavior!

Les proxies ES pour le fun et la gloire en fr

Les proxies nous permettent de faire de la méta-programmation en JavaScript, ce qui est franchement d'une coolitude extrême. Il y a clairement des utilisations déjà bien établies pour ça, et nous en verrons quelques-unes. Mais j’aimerais aussi vous montrer des résultats moins évidents, voire juste pour le fun et la blague !

Async JS without the cringe en fr

Come on, admit it: your code sometimes (often?) juggles promises and async/await kinda randomly. You may mix async/await with .then() chains, or use return await for no reason, or have async functions that don't await, or incorrectly map() over async callbacks, or forget to parallelize stuff that should be, misunderstand _for await_, and more.

Promises and async/await are a bit like jQuery, PHP, and all-around JS: everybody uses them but hardly anyone actually took the time to learn them seriously, and the result is often a glorious mess.

But no longer! Because in this talk, Christophe will provide a solid mental model for all this, giving you all the keys to straighten your code up and write correct, clean, concise, performant async code.

L'asynchrone en JS sans le cringe en fr

Toi aussi, avoue-le : ton code fait n'importe quoi avec les promesses. Du mélange des genres entre async/await et des chaînes de .then(), des return await qui n'ont pas lieu d'être, des fonctions async sans await, des map() sur du async qui ne font pas ce que tu crois, un manque flagrant de parallélisation quand ce serait pourtant bien utile, une méconnaissance de for await, et j'en passe.

Les promesses et async/await, c'est un peu comme jQuery, PHP, et puis JS en général : tout le monde en fait sans l'avoir vraiment appris sérieusement, et ça donne souvent un sacré foutoir.

Mais plus maintenant. Parce que dans ce talk, Christophe va te donner le bon modèle mental et toutes les clés pour faire ça au cordeau, concis, propre, performant et tout.

HTML, that unsung super hero en fr

After a decade sacrificing HTML on the altar of JS frameworks, we've become blind to the raw power it provides.

We keep reinventing the wheel at the cost of megabytes of JS and CSS, often throwing accessibility under the bus in the process.

And yet, HTML5 is enormously powerful in its own right, especially when it comes to form controls and dialogs, which most folks are sadly unaware of.

How about digging into this, so we can slim down our bundles and become more accessible to boot?

Yes, one can love React and still love HTML :)

I can also provide a workshop variant of this, ideally as a complement to the talk. There are TONS of things to say, so a talk can easily span 45-50', but I can cherry-pick stuff to trim to 30'. No quickie format tho.

Here's a sample of the topics we can cover: autocomplete=, datalist and list=, input types color, date/time, range, multimedia (audio / video capture), attributes required=, pattern=, minlength=/maxlength=/min=/max=, formaction= and formmethod=, dialog and its friends…

On the CSS side, pseudo-classes and their combination with content generation on pseudo-elements.

On the DOM side: HTML5 Validation API, fetch and FormData, mostly.

HTML, ce super-héros en fr

Après une décennie passée à sacrifier HTML sur l'autel des frameworks JS, on est devenus aveugles à toute la puissance que celui-ci recèle.

On réinvente la roue à coups de centaines de méga-octets de JS et de CSS, en sacrifiant bien souvent l'accessibilité au passage.

Pourtant, HTML5 recèle énormément de puissance native, notamment au niveau des formulaires et boîtes de dialogue, qui est malheureusement bien trop méconnue.

Si on allait explorer ça un peu, histoire de dégraisser nos bundles et d'être plus accessibles en prime ?

Comme quoi on peut aimer React et aimer HTML quand même :)

Je peux aussi le décliner en atelier quand ça existe, potentiellement, mais en complément de conf, pas à la place. Y'a BEAUCOUP de choses à dire, largement de quoi remplir 45-50', mais au pire je peux trimmer à 30'. Pas un quickie (< 30') en revanche.

Quelques éléments du truc : autocomplete=, datalist et list=, les types d'input color, calendaires/horaires, range, multimédia (capture audio / vidéo), les attributs required, pattern, minlength/maxlength/min/max, formaction= et formmethod=, dialog et ses amis…

Côté CSS, les pseudo-classes et leur combinaison avec de la génération de contenu sur pseudo-éléments.

Et aussi, côté DOM natif, la HTML5 Validation API, fetch et FormData, notamment.