La compatibilité du Système de Design a toujours été une priorité pour l'équipe.

La version 1.2.0 de novembre 2021 introduit une nouvelle API Javascript qui fournit un ensemble de méthodes et d’événements liés aux composants du Système de Design permettant d’interagir avec ceux-ci. Cette nouveauté permet de manipuler plus aisément les composants dans différents environnements.

La communauté s’est aussi très tôt emparé du sujet du portage du DSFR sur différents frameworks contribuant ainsi à ce que le Système de Design soit utilisable dans de nombreux contextes.

Nous listons ici les différentes initiatives en cours, les personnes actives sur ces projets et les canaux dédiés sur Slack. Cette liste sera mise à jour en fonction des différentes avancées de ces portages.

VUE

Pour Vue.js il existe 2 projets de portage des composants.

Vue-dsfr

Maintenu par Stanislas Ormières, Pierre-Louis Egaud et Clément Debroize (Ministère de l’Intérieur)

Vue-gouvfr

Maintenu par Loïc Salanon à l’Académie de Lyon

D’autres membres de la communauté travaillent actuellement sur des projets sur Vue.js :

• Matthieu Bollot chez DossierFacile, le dossier de location numérique de l’État ;
• Nicolas Boeuf chez data.gouv.fr ;
• Édouard Roger à la DGFiP.

Un canal Slack permet de centraliser toutes les discussion autour de ce sujet : #dev_vuejs, n’hésitez pas à le rejoindre.

ANGULAR

Plusieurs projets de membres de la communauté sont sur Angular :

Ce projet d’exemple dont le repo est accessible pourrait aussi vous aider.

REACT

Pour React, il existe 2 projets de portage des composants.

@dataesr/react-dsfr

Pauline Gaudet-Chardonnet au Ministère de lʼEnseignement supérieur, de la Recherche et de lʼInnovation et Xavier Desoindre à l'Incubateur de services publics numériques maintiennent entre autres ce projet.

@codegouvfr/react-dsfr

Un module NPM a été développé par Joseph Garrone de CodeGouvFr, la mission logiciel libre de la direction interministérielle du numérique (DINUM). Retrouvez toutes les informations sur le repo dédié.

Le projet de Martin Ratinaud et Clément Biron porte aussi sur une utilisation du DSFR dans un contexte React : accéder au dépôt.

D’autres membres de la communauté travaillent actuellement sur des projets sur React :

• Julien Castets chez Incubateur de services publics numériques ;
  
• Brandone Martins à la DILA ;
  
• Nathan Delavictoire à la Direction des affaires maritimes.

DJANGO

Sylvain Boissel travaille sur un portage Django du côté du Ministère de la Cohésion des territoires.

DRUPAL

• Sali Mougammadou et Jerome Bouquet de l’académie de Grenoble et David Jacq travaillent actuellement à un portage du DSFR sur Drupal 8/9 ;
• Grégoire Cintré au CDAD toulon développe également un thème Drupal.

Pour retrouver toutes les informations liées à ce portage, n’hésitez pas à rejoindre le canal dédié #dev_drupal

Applications mobile

Jérémie Baboukhian (Programme interministériel France Identité) a pour projet d’adapter le DSFR au contexte des applications mobiles. Rejoignez le canal #dev_native_apps si ce projet vous intéresse.