Name: Workshop | Création des fondations d'un Design System avec React 🚀
Start: 2023-05-25T19:00:00+02:00
End: 2023-05-25T20:30:00+02:00
Location: 102 Rue du Faubourg Saint-Honoré

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 🍻

Cindy Vieira

Elsa

Eleven Labs

Technology

Open Source

Software Development

JavaScript

Internet Professionals

Leadership

Web Development

Software Engineering

Leadership Development

Software Architecture

Knowledge Sharing

DevOps

CEOs & Founders

CIO / CTO

DevOps Automation

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

Interaction Design

Information Architecture

Web Design

ReactJS

102 Rue du Faubourg Saint-Honoré

Share

Eleven Labs

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

Eleven Labs

Details

Members are also interested in