Vous souhaitez suivre cette formation ?

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

Les 4 derniers articles du blog

Comment optimiser la gestion du temps dans une TPE en 2025 ? Le guide pratique

Découvrez des méthodes concrètes, tendances 2025 et outils digitaux pour améliorer la gestion du temps dans votre TPE et gagner en productivité.

Allan Busi

29 juin 202413 min

Comment trouver une entreprise en alternance en 2025 ? Guide complet et stratégies à jour

Découvrez les étapes clés, les astuces actualisées et les ressources incontournables pour décrocher une entreprise en alternance en 2025.

Allan Busi

30 juin 202412 min

Comment réussir à l'université en 2025 ? Guide complet pour choisir, s'adapter et performer

Découvrez comment réussir à l'université en 2025 : choisir la bonne filière, s'adapter aux enjeux de la transformation numérique, maitriser les méthodes de travail modernes et maximiser ses chances de réussite.

Allan Busi

30 juin 202414 min

Quel est l'impact de l'apprentissage en formation professionnelle en 2025 ?

Découvrez comment l'apprentissage transforme la formation professionnelle en 2025 : innovations, bénéfices pour les entreprises et les apprenants, enjeux et perspectives.

Allan Busi

30 juin 202413 min

Voir tous les articles

Objectifs de la formation

Comprendre l’architecture et la philosophie de développement de Radix UI

Intégrer les composants Radix UI dans une application React existante

Personnaliser en profondeur l’apparence et le comportement des composants Radix UI

Garantir l’accessibilité des applications conçues avec Radix UI

Automatiser les tests des interfaces utilisant Radix UI

Programme

Jour 1Introduction, Fondamentaux et Setup de Radix UI

Présentation de Radix UI, philosophie, avantages et positionnement dans l’écosystème React. Installation des dépendances et mise en place d’une architecture de projet propre. Découverte de la documentation officielle, premiers composants (Button, Checkbox, Dialog). Exercices pratiques : migration d’un composant maison vers Radix UI.

Jour 2Personnalisation, Accessibilité et Intégration avancée

Atelier sur la personnalisation avancée : utilisation des slots, des hooks et du style system Radix Primitives. Optimisation des performances avec React Profiler. Focus deep sur l’accessibilité (ARIA, gestion du focus, navigation clavier, tests d’accessibilité avec axe-playwright). Atelier : création d’un composant sur-mesure accessible.

Jour 3Tests, Maintenance et Design System scalable avec Radix UI

Approches pour la gestion d’un design system scalable avec Radix UI (thématisation, gestion des tokens design). Stratégies de tests unitaires et d’intégration (React Testing Library, Jest, Playwright). Cas d’étude et atelier final : refonte d’un module d’interface complexe avec Radix UI, intégration et automatisation des tests, retours d’expérience et best practices.

Méthode d'évaluation

Étude de cas à réaliser en fin de formation
Exercices pratiques évalués quotidiennement
QCM de validation des connaissances principales

Méthode d'apprentissage

Cours magistraux illustrés de démos réelles
Mises en pratique dirigées (ateliers, mini-projets)
Supports complets fournis (slides, documentation annotée, snippets)
Accès à un repository de projets d’exemple

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment optimiser la gestion du temps dans une TPE en 2025 ? Le guide pratique

Comment trouver une entreprise en alternance en 2025 ? Guide complet et stratégies à jour

Comment réussir à l'université en 2025 ? Guide complet pour choisir, s'adapter et performer

Quel est l'impact de l'apprentissage en formation professionnelle en 2025 ?

Maîtriser Radix UI : Concevoir des Interfaces Performantes et Accessibles en React

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtriser Chakra UI : Créer des Interfaces React Modernes et Accessibles

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

Maîtriser Radix UI : Développez des Interfaces Accessibles en React

Headless e-commerce : Moderniser et optimiser votre boutique en ligne