You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.fr.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -31,7 +31,7 @@
31
31
32
32
> 🗣️ L'enregistrement de l'atelier de présentation de la librairie est disponible [ici](https://bbb-dinum-scalelite.visio.education.fr/playback/presentation/2.3/22298bc9d93b53540248207bc3f9e31260f3b4f1-1670578779094).
33
33
34
-
Ce module NPM est une surcouche de compatibilité React pour [@gouvfr/dsfr](https://www.npmjs.com/package/@gouvfr/dsfr), l'implémentation de officiel de référence du
34
+
Ce module NPM est une surcouche de compatibilité React pour [@gouvfr/dsfr](https://www.npmjs.com/package/@gouvfr/dsfr), l'implémentation officielle de référence du
35
35
DSFR en pur JavaScript/CSS.
36
36
37
37
<ahref="https://youtu.be/5q88JgXUAY4">
@@ -43,12 +43,12 @@ DSFR en pur JavaScript/CSS.
43
43
-[x] une interface de programmation strictement typée et bien documentée.
44
44
-[x] Garantie d'être toujours à jour avec les [dernières évolutions du DSFR](https://www.systeme-de-design.gouv.fr/).
45
45
Une grande partie du code et du typage est généré procéduralement à partir de la feuille de style de référence: [`@gouvfr/dsfr`](https://www.npmjs.com/package/@gouvfr/dsfr)`/dist/dsfr.css`.
46
-
-[x] exactement le même aspect et ressentie qu'avec [@gouvfr/dsfr](https://www.npmjs.com/package/@gouvfr/dsfr), il s'agit d'une couche de compatibilité et non pas d'une implémentation alternative.
46
+
-[x] exactement le même aspect et ressenti qu'avec [@gouvfr/dsfr](https://www.npmjs.com/package/@gouvfr/dsfr), il s'agit d'une couche de compatibilité et non pas d'une implémentation alternative.
47
47
-[x] pas de [flash d'écran blanc lors du basculement automatique du thème clair vers le thème sombre](https://github.com/codegouvfr/@codegouvfr/react-dsfr/issues/2#issuecomment-1257263480).
48
-
-[x] la plupart des composants peuvent être rendus directement sur le serveur (voir [RSC](https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html)). Les autres sont étiquetées`"use client";`.
48
+
-[x] la plupart des composants peuvent être rendus directement sur le serveur (voir [RSC](https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html)). Les autres sont étiquetés`"use client";`.
49
49
-[x][Intégration clef en main pour les différents frameworks de développement: vite, Next.js, y compris la version beta de Next 13 (configuration AppDir) et Create React App](https://react-dsfr.etalab.studio/) si votre
50
-
framework n'est pas supporter, il suffit de demander notre, nous avons pour but de couvrir tous les cas d'usage effectifs.
51
-
-[ ] tout [les composants de référence implémenter](https://www.systeme-de-design.gouv.fr/elements-d-interface). À ce jour 20/41, [see details](COMPONENTS.md)
50
+
framework n'est pas supporté, il suffit de demander notre**il manque un mot là**, nous avons pour but de couvrir tous les cas d'usage effectifs.
51
+
-[ ] tout [les composants de référence implémentés](https://www.systeme-de-design.gouv.fr/elements-d-interface). À ce jour 20/41, [see details](COMPONENTS.md)
52
52
-[x] seulement le code des composants que vous utilisez effectivement sera inclus dans votre projet final.
53
53
-[x] Intégration facultative avec [MUI](https://mui.com/). Si vous utilisez des composants MUI ils seront automatiquement adaptés pour ressembler à des composants DSFR.
54
54
Voir là [documentation](https://react-dsfr.etalab.studio/mui-integration).
@@ -64,19 +64,19 @@ Ce travail est un produit de [CodeGouvFr](https://communs.numerique.gouv.fr/), l
64
64
65
65
## À propos [`@dataesr/react-dsfr`](https://github.com/dataesr/react-dsfr)?
66
66
67
-
`@codegouvfr/react-dsfr` (ce projet) est un projet TypeScript aillant pour priorité de fournir une bonne intégration
67
+
`@codegouvfr/react-dsfr` (ce projet) est un projet TypeScript ayant pour priorité de fournir une bonne intégration
68
68
avec l’écosystème React, notamment avec Next.js.
69
69
70
-
Ce projet a été démarré en octobre 2022, c'est une initiative récente et, malgré le fait qu'il soit activement développé, au jour d'au jour d'hui,
70
+
Ce projet a été démarré en octobre 2022, c'est une initiative récente et, malgré le fait qu'il soit activement développé, aujourd'hui
71
71
`@dataesr/react-dsfr` est plus stable et fournit [une couverture de composant plus exhaustive](https://github.com/dataesr/react-dsfr/tree/master/src/components/interface).
72
72
Si vous travaillez sur une SPA (Create React App, Vite) `@dataesr/react-dsfr` est probablement l'option la plus viable à ce jour.
73
73
74
74
Cela étant dit, vous pouvez bénéficier de plusieurs des fonctionnalités de `@codegouvfr/react-dsfr` sans migrer de `@dataesr/react-dsfr`:
75
75
76
76
- Profitez de [l'auto complétion des classes en `fr-*`](https://react-dsfr.etalab.studio/class-names-type-safety).
77
-
-Utiliser[le système de couleur strictement typer](https://react-dsfr.etalab.studio/css-in-js#colors).
78
-
-Utiliser le thème MUI.
79
-
-Utiliser[le système d'espacement](https://react-dsfr.etalab.studio/css-in-js#fr.spacing) et de
77
+
-Utilisez[le système de couleur strictement typer](https://react-dsfr.etalab.studio/css-in-js#colors).
78
+
-Utilisez le thème MUI.
79
+
-Utilisez[le système d'espacement](https://react-dsfr.etalab.studio/css-in-js#fr.spacing) et de
80
80
[point de rupture](https://react-dsfr.etalab.studio/css-in-js#fr.breakpoints).
81
81
82
82
[Voici un bac a sable pour expérimenter](https://stackblitz.com/edit/react-ts-fph9bh?file=App.tsx).
0 commit comments