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

Accédez au repo

Vue-gouvfr

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

Accédez au repo

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

Un canal Slack 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.

Démo du DSFR sur Angular

Ce projet d’exemple pourrait aussi vous aider :

Accédez au repo

REACT

Il existe un repo public pour un portage sur React :

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.

Accédez au repo

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

APPLIS MOBILES

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.

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