Comments (10)
L'integration a bien avancé:
https://etalab-2.gitbook.io/dsfr-react/mui-integration
Screen.Recording.2022-11-28.at.18.44.50.mov
from react-dsfr.
Si non j'ai fait un tuto un peut plus traditionelle (pour Next.js, les SPA pas besoin de tuto c'est facil ) https://www.youtube.com/watch?v=0n0S6PcyG28&t=727s
from react-dsfr.
@garronej is actively working on this project and can complete my answer.
The short-term goal is to use DSFR react components for https://sill.etalab.gouv.fr.
The long-term goal is to provide an always up-to-date set of DSFR react components.
We have had discussions with https://github.com/dataesr/react-dsfr to try coordinating our work: dataesr/react-dsfr
is certainly more usable right now (and @garronej might contribute to it too), but if codegouvfr/react-dsfr
manages to provide a stable solution that it easier to maintain for the long run, projects will be more than welcome to rely on it.
Since we're at DINUM too, let's arrange a meeting?
from react-dsfr.
Hi @Fen747,
Thanks for reaching out,
To add on top of what @bzg just said,
Specifically about the MUI integration:
Keep in mind that the MUI integration isn't endorsed nor approved by the core DSFR team!
Official components should always be preferred over the MUI's ones.
I'm currently working on this right now.
The MUI theme adapter is almost done.
I'currently completing mapping the spacing.
I advise you to wait a few days before starting using it, though.
My good UX designer college, @marchufschmitt, is abou to join the team, I'm waiting for him to do its magic with the color and typography mapping.
If all goes according to plan the MUI component should look like legit DSFR component out of the box 🤩
I'll ping you as soon as it's ready.
But as @bzg said, as of now, this module does not provide any of the 42 official components.
It just provides tooling to integrates in well-established frameworks and utilities for using the DSFR fundamentals (color, spacing, typography, breakpoints) with CSS in JS solution.
If you are looking for, components please use https://github.com/dataesr/react-dsfr instead. It's the more usable solution as of today.
from react-dsfr.
Oh! @garronej was quicker than me :)
About this:
PS: Keep in mind that the MUI integration isn't endorsed nor approved by the core DSFR team!
Still, we had a fruitful discussion with the DSFR team and they are of course interesting in listing officially supported libraries, and codegouvfr/react-dsfr
will certainly be one of them.
from react-dsfr.
<3 the atmosphere of the video, reminds me of https://www.youtube.com/watch?v=Tj-GZJhfBmI :)
from react-dsfr.
Mais oui, en plus il y a le coté obscur de la force!
from react-dsfr.
Nous devons avancer sur l'utilisation de https://tube.numerique.gouv.fr pour la publication de vidéos liées à nos tâches.
from react-dsfr.
Screen.Recording.2022-12-02.at.19.04.28-vp9-chrome.webm
Marc a fait du super boulot. Je ferme mtn.
https://react-dsfr.etalab.studio/mui
from react-dsfr.
Super boulot indeed, merci beaucoup !
from react-dsfr.
Related Issues (20)
- Change french licence statement HOT 3
- MUI DataGrid TrustedHTML problem HOT 2
- Select id native props HOT 1
- Select id native props 2 HOT 2
- Problème de sémantique HTML dans le composant Header HOT 11
- Problème de sémantique HTML dans le composant Footer HOT 1
- Composant header avec un seul élément dans la liste quickAccessItems HOT 4
- Working on Follow component HOT 4
- Add Segmented control component
- Add Range component
- [generatedFromCss] classes manquantes HOT 4
- Update README to clarify who is the maintainer HOT 2
- Update consentManagement stories HOT 3
- quickAccessItems in Header component HOT 2
- `only-include-used-icons` may look into the wrong folder HOT 7
- Duplicate ID in Consent management modal HOT 1
- Search Bar : Demande d'ajout de fonctionnalités HOT 1
- dsfr-charts HOT 5
- open Modal error HOT 7
- Scoped CSS HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-dsfr.