Workshop | Création des fondations d'un Design System avec React 🚀

Ce workshop vous montrera comment créer un Design System à l'aide de Design Tokens. Vous découvrirez comment utiliser React, TypeScript, Vite, Style Dictionary, @klass/react et Storybook pour créer un système de conception modulaire et cohérent. Vous apprendrez comment organiser votre projet, créer des composants réutilisables et documenter votre travail de manière efficace.

📌 Au programme :

• Présentation du workshop, des outils qui seront utilisés, de l'objectif final et des principes de base d'un Design System ;
• Configuration d'un projet avec Vite, React et TypeScript ;
• Création de design tokens avec Style Dictionary ;
• Utilisation de @klass/react pour créer des composants réutilisables et des design tokens pour les styliser ;
• Installation et utilisation de Storybook pour documenter et tester notre Design System ;
• Conclusion et ressources pour aller plus loin.

🔧 Prérequis techniques : Typescript, SASS, React
N'oubliez pas votre PC !

📍 Ce Meet Up a lieu uniquement en présentiel dans nos nouveaux locaux au 102 rue du Faubourg Saint-Honoré 75008 Paris et sera suivi d’un buffet pour échanger autour d’un verre et de quoi grignoter 🍻