Les portages DSFR en cours

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 JS 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 :


https://github.com/dnum-mi/vue-dsfr
Le repo est maintenu par Stanislas Ormières, Pierre-Louis Egaud et Clément Debroize du côté du Ministère de l’Intérieur.

https://github.com/ac-lyon-dev/vue-gouv-fr
Ce repo est 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 http://dossierfacile.fr
Nicolas Boeuf chez http://data.gouv.fr
Edouard Roger à la DGFIP

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

WEB COMPONENT

Benjamin Joanne et Heihong Traing de la DGFIP travaillent sur un chantier d'intégration du DS dans des web components.

Les échanges sont centralisés au niveau du canal dédié #dev_web_component.

ANGULAR

Plusieurs projets de membres de la communauté sont sur Angular

  • Remy Patriarche et Kevin Genty de l’académie de Grenoble

  • Alexandre Ruiz au CDAD de Toulon

  • François Gugliotta au sein du Ministère de la Justice

Il existe aussi un projet d’exemple qui pourrait vous aider :

https://github.com/lilletech/angular-template-design-system-de-l-etat/issues

REACT

Il existe un repo public pour un portage sur React :

https://github.com/dataesr/react-dsfr

 

Pauline Gaudet Chardonnet au Ministère français de lʼEnseignement supérieur, de la Recherche et de lʼInnovation et Xavier Desoindre chez http://beta.gouv.fr entre autres maintiennent ce projet.


Le projet de Martin Ratinaud et Clément Biron porte aussi sur une utilisation du DSFR dans un contexte React :

https://github.com/ambanum/information-manipulation-analyzer/tree/main/src/components


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

  • Julien Castets chez http://beta.gouv.fr

  • Brandone Martins à la DILA

  • Nathan Delavictoire à la Direction des affaires maritimes

DJANGO

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

https://github.com/entrepreneur-interet-general/django-dsfr

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:

https://gitlab.com/acgrenoble/acg-dsfr


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

APPLIS MOBILES

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

 

Vous aussi vous travaillez sur un portage ? Contactez-nous afin que nous puissions ajouter votre projet et créer le slack dédié.