Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment une TPE peut bénéficier de la VAE en 2025 ?

Découvrez comment les très petites entreprises (TPE) peuvent tirer pleinement parti de la Validation des Acquis de l'Expérience (VAE) en 2025 pour booster leurs compétences, fidéliser leurs salariés et renforcer leur positionnement concurrentiel.

Allan Busi

30 juin 202413 min

Social Media : Pourquoi se former avec Learni en juillet 2025 ?

Découvrez pourquoi la formation aux réseaux sociaux avec Learni en juillet 2025 s'impose comme une nécessité pour les professionnels souhaitant booster leur carrière à l’ère de l’intelligence artificielle, des tendances émergentes et des nouveaux usages digitaux.

Allan Busi

19 juil. 202514 min

Guide pratique 2025 : Comment réussir sa formation certifiante RNCP ?

Découvrez toutes les étapes clés, conseils, critères et avantages pour réussir une formation certifiante RNCP en 2025. Ce guide pratique vous accompagne de la sélection à la valorisation de votre certification professionnelle.

Allan Busi

30 juin 202415 min

Pourquoi choisir le e-learning en 2025 ? Avantages, enjeux et perspectives

Découvrez pourquoi le e-learning s'impose en 2025 comme une solution incontournable pour la formation professionnelle. Analyse complète des avantages, défis et innovations à connaître.

Allan Busi

30 juin 202412 min

Voir tous les articles

Objectifs de la formation

Comprendre les fondements de ShadCN/UI et ses avantages pour le design d’interface

Configurer efficacement ShadCN/UI dans un projet React

Maîtriser la personnalisation avancée de composants via thèmes, tokens et design system

Optimiser la performance, l’accessibilité et la maintenabilité grâce à ShadCN/UI

Intégrer ShadCN/UI avec TailwindCSS et TypeScript pour des workflows robustes

Développer des interfaces complètes, modulaires et responsives à l’aide de ShadCN/UI

Programme

Jour 1Introduction, Design System et Installation de ShadCN/UI

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.

Jour 2Personnalisation et Composants Avancés

É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.

Jour 3Pratiques avancées, Performance et Mise en Production

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.

Méthode d'évaluation

Évaluation continue par des mises en situation pratiques
Projet fil rouge à présenter en fin de formation (mini-app interface complète animée)
QCM de validation des acquis

Méthode d'apprentissage

Ateliers pratiques guidés à chaque module
Démonstrations techniques par l’intervenant
Exercices progressifs, supports PDF et fiches synthétiques
Aide personnalisée pendant la formation

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment une TPE peut bénéficier de la VAE en 2025 ?

Social Media : Pourquoi se former avec Learni en juillet 2025 ?

Guide pratique 2025 : Comment réussir sa formation certifiante RNCP ?

Pourquoi choisir le e-learning en 2025 ? Avantages, enjeux et perspectives

Maîtriser ShadCN/UI : Créez des Interfaces Réactives et Modernes avec React

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtriser Material UI : Créez des Interfaces Modernes avec React

Maîtriser la conception d'interfaces avancées avec Ant Design et React

Maîtrisez Chakra UI : Création d’interfaces React modernes et accessibles

Créer des Interfaces Professionnelles avec Ant Design et React : Formation Complète