Mickael Alves

@mickaelalvs.dev

Tech Lead Frontend at @Zenika 🔴 & @Bedrock_Tech 📺 Président @DevFestLyon ✨ Co-Organizer of @LyonJS 🦁 French Speaker 📣 @Remotion Expert 🎬

Cette sensation quand on arrive à la fin des relectures… 😍 Des semaines de découvertes et d’échanges ! On a hâte de continuer ces discussions et de voir le programme prendre vie ! Speakeuses et speakers, surveillez vos boîtes mails demain 📩 Et rendez-vous le 4 décembre sur scène 💛

DevFest Lyon@devfestlyon.bsky.social · 4w ago

Et hop, la relecture de tous vos sujets est enfin terminée ! Merci à notre équipe de relecture pour leur investissement 💛 Speakeuses et speakers : tenez-vous prêt·es ! La première vague d'acceptation sera envoyée dès demain 📬 Maintenant, restez attentives et attentifs… et surveillez vos mails 👀

I'd want the opposite of "mute thread" on @bsky.app as a feature: "subscribe to thread" à la slacks "get reply notifications". Really useful when someone asks a good question and I'm interested in seeing the answers.

After my last post about my article on live coding inside slides, I kept thinking about making this experience even smoother 🧘🏼‍♂️ I built a Slidev addon to embed a real IDE directly in your presentations 🤯 Powered by CodeRaft by @pi0.io ⚙️ Give it a try and let me know! 👉🏼

GitHub - mickaelalvs/slidev-addon-livecode: Embed a live VS Code IDE in your Slidev presentations 🛶

Embed a live VS Code IDE in your Slidev presentations 🛶 - mickaelalvs/slidev-addon-livecode

github.com

Trop hâte de lire toutes vos propositions ! 🤩 Que vous soyez speakeuse ou speaker pro, habitué·e des conférences, ou que ce soit votre toute première prise de parole : osez proposer 💛 La scène lyonnaise n’attend que de vous entendre, de découvrir vos expériences, vos idées et vos passions ✨

DevFest Lyon@devfestlyon.bsky.social · 3mo ago

🌉 Entre deux ponts de mai… et si vous proposiez votre talk ? Le CFP du DevFest Lyon est ouvert ! Vous avez une idée de talk ? Une expérience à partager ? Un retour terrain, une réussite (ou même un échec enrichissant) ? C’est le moment de monter sur scène 💡 🗳️ conference-hall.io/devfest-lyon...

🎉 Registration is now open for my latest course, Whimsical Animations! This course will teach you everything you need to know to design and build stunning, creative animations and interactions. It’s time to make the web less generic and boring! 😄

Whimsical Animations

Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!

whimsy.joshwcomeau.com

Finally, TanStack Start now supports React Server Components! Start's RSCs are a truly fetchable, cacheable and composable primitive that work with your favorite tools instead of dictating your entire architecture. Oh, and one more thing... "Composite Components" 😉 tanstack.com/blog/react-s...

React Server Components Your Way | TanStack Blog

RSCs are genuinely exciting — smaller bundles, streaming UI, moving heavy work off the client — but existing implementations force you into a one-size-fits-all pattern. What if you could fetch, cache,...

tanstack.com

New article 📰 For anyone tired of switching windows during talks while live coding: I’ll show how to embed a real IDE into your slides, no more alt-tabbing 🤯 We’ll talk about Code Server, and even Coderaft, a great alternative I recently discovered from @pi0.io 😍 👉 mickaelalvs.dev/articles/sto...

Stop Alt-Tabbing: Embed a full IDE for live coding in your slides | Mickaël Alves

Learn how to integrate a real VS Code environment directly into your presentation slides using Code Server and Slidev, enabling seamless live coding demos without context switching.

mickaelalvs.dev

npmx 0.8 introduces experimental quadrant graphs: scatter plot of selected packages, traction on the x-axis (downloads, freshness, likes) and developer ergonomics on the y-axis (install size, dependencies, vulnerabilities, type support). Let's know how it works for you and how we could improve it 👋

Quadrant chart mapping traction versus ergonomics for the bootstrap, @chakra-ui/react, emotion, @material/web, solid-ui, reka-ui, radix-ui packages. The following packages are positioned on the top-right quadrant (solid picks): bootstrap, emotion, reka-ui. The following packages are positioned on the top-left quadrant (hidden gems): solid-ui. The following packages are positioned on the bottom-right quadrant (popular with tradeoffs): @chakra-ui/react, @material/web, radix-ui. At the bottom, a watermark reads "./npmx a fast, modern browser for the npm registry".

Encore un énorme merci à toutes les personnes qui sont venues au Code In The Dark 🔥 Special thanks to @joshwcomeau.com for the support 🙏 Merci aussi à @bejs.bsky.social pour leur soutien ! Et pour finir à Bedrock Streaming de nous avoir accueillis 🎬 On remet ça l'année prochaine… ready ? 🚀

BildBildBild

🤔 Ça commence à faire lgtps que j'ai pas donné de présentation dans les confs 😉 Alors en attendant, je me permets de vous repartager la dernière que j'ai eu le plaisir de donner en compagnie du génial @slashgear.dev 😁 Vous allez apprendre des trucs sur le Scrabble www.youtube.com/watch?v=AF99...

La compression Web : comment (re)prendre le contrôle ?

Présentation par : Hubert SABLONNIERE, Antoine Caron 📕 Resumé : Saviez-vous que toute la journée, nos serveurs compressent nos réponses HTTP et que nos navigateurs les décompressent ? C'est comme…

youtube.com

Mon tout premier article 📰 Avec Théo Gianella et @slumbering-pierrot.bsky.social on y partage un retour d’expérience sur une migration qu'on a menée chez Bedrock Streaming, autour de la performance des builds et de la DX en repensant notre stack de transpilation ⚙️ 👉 mickaelalvs.dev/articles/swi...

Switching from Babel to SWC: Balancing performance with modern tools and legacy code | Mickaël Alves

From Babel to SWC: our journey of migrating from a 10-year-old transpiler to a next-gen compiler, overcoming challenges and achieving build performance improvements.

mickaelalvs.dev