Loading...
Please wait a moment
Founded by passionate advocates of learning and innovation, Learni set out to make professional training accessible to everyone, everywhere in the world. Our team works in the largest cities such as Paris, Lyon, Marseille, and internationally, to support talents and organizations in their skills development.
Which format do you prefer?
30 free minutes with a training advisor — no commitment.
Loading available slots...
Discover why advanced Excel formulas training is crucial for business professionals in March 2026. Explore key formulas, trends, and top training programs to boost your data skills and career.
Cybersecurity training in Oklahoma City in December 2026 with Learni. Certified, expert trainers, eligible for employer funding. Free quote.
Professional Training training in New York in September 2026 with Learni. Certified, expert trainers, eligible for employer funding. Free quote.
Discover essential strategies, trends, and best practices for effective GDPR compliance training tailored for organizations preparing for March 2026 enforcement and updates.
Don't let this gap widen
Sans maîtrise de ShadCN/UI, vos interfaces React restent rigides, buggées et démodées, freinant toute réactivité utilisateur.
Les équipes perdent en moyenne 30% de temps de développement, avec des coûts d'erreurs UI avoisinant 15 000 € par projet retardé.
65% des abandons de clients proviennent d'une expérience utilisateur médiocre, menaçant la compétitivité de l'entreprise et votre avancement professionnel.
Chaque trimestre sans ces compétences expose votre stack technique à l'obsolescence face à la concurrence agile.
The Maîtriser ShadCN/UI : Créez des Interfaces Réactives et Modernes avec React training is delivered in-person or remotely (blended-learning, e-learning, virtual classroom, remote in-person). At Learni, a Qualiopi-certified training organization, each program is designed to maximize skills acquisition, regardless of the training mode chosen.
The trainer alternates between demonstrative, interrogative, and active methods (through practical exercises and/or real-world scenarios). This pedagogical approach ensures concrete and directly applicable learning in the workplace.
To ensure the quality of the Maîtriser ShadCN/UI : Créez des Interfaces Réactives et Modernes avec React training, Learni provides the following teaching resources:
For in-house training at a location external to Learni, the client ensures and commits to having all necessary teaching materials (IT equipment, internet connection...) for the proper conduct of the training action in accordance with the prerequisites indicated in the communicated training program.
The assessment of skills acquired during the Maîtriser ShadCN/UI : Créez des Interfaces Réactives et Modernes avec React training is carried out through:
Learni is committed to the accessibility of its professional training programs. All our training programs are accessible to people with disabilities. Our teams are available to adapt teaching methods to your specific needs. Do not hesitate to contact us for any accommodation request.
Learni training programs are available for inter-company and intra-company settings, both in-person and remote. Registration is possible up to 48 business hours before the start of training. Our programs are eligible for OPCO, Pôle emploi, and FNE-Formation funding. Contact us to discuss your training project and funding possibilities.
Découvrir ShadCN/UI, présentation de ses principes et intérêt dans l’écosystème React. Comprendre l’évolution vers les design systems modernes. Mise en place de l’environnement : installation de ShadCN/UI, intégration dans un projet React avec Vite ou Next.js. Détection et résolution des conflits avec Tailwind. Tour d’horizon des composants fournis.
Étude détaillée de la personnalisation : thèmes, tokens, contextes de styles. Adapter le thème selon votre charte graphique. Utilisation avancée des composants disponibles (Button, Modal, Dialog, Input, Dropdown, Table, etc.). Prise en main du système d’accessibilité natif (ARIA, navigation clavier). Création de composants réutilisables et gestion des variantes. Connexion avec la logique métier et utilisation conjointe de State Management.
Optimisations : lazy loading, bundle splitting, tree shaking avec ShadCN/UI & React. Gestion des performances et bonnes pratiques (code splitting, SSR/SSG, mesure de performances). Tests unitaires et end-to-end (Jest, React Testing Library). Cas d’étude : construction d’une interface complète (tableau interactif, formulaire, modale). Interconnexion avec des API REST/GraphQL. Déploiement, documentation et maintenance d’un design system basé sur ShadCN/UI.
Target audience
Développeurs front-end, intégrateurs, chefs de projets web souhaitant créer des interfaces web modernes et cohérentes avec ShadCN/UI et React
Prerequisites
Bonne connaissance de React (hooks, composants fonctionnels) et notions de base en TypeScript
Loading...
Please wait a moment






























Discover a comprehensive, practical Node.js backend training guide tailored for March 2026. Master scalable APIs, security, deployment, and more with hands-on projects for real-world success.
Software Development training in Louisville in January 2025 with Learni. Certified, expert trainers, eligible for employer funding. Free quote.