react-dsfr

🇫🇷 Design system React toolkit (by codegouvfr)

React-dsfr Alternatives

Similar projects and alternatives to react-dsfr

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better react-dsfr alternative or higher similarity.

react-dsfr reviews and mentions

Posts with mentions or reviews of react-dsfr. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-01-20.
  • The french government's design system
    8 projects | reddit.com/r/reactjs | 20 Jan 2023
    GitHub Repo: https://github.com/codegouvfr/react-dsfr Storybook: https://react-dsfr-components.etalab.studio/?path=/story/%F0%9F%87%AB%F0%9F%87%B7-introduction--page
    8 projects | reddit.com/r/reactjs | 20 Jan 2023
    Great, don't hesitate to reach out in the discution section of the github repo. I love sharing my tips. https://github.com/codegouvfr/react-dsfr/discussions
    8 projects | reddit.com/r/reactjs | 20 Jan 2023
    My advice if you don't have a multi-million budget and you only need to support React is to start from MUI components. Components like Date pickers, or Autocomplete are complex and time consuming to code from scratch. First thing you want to do is to build a custom theme for MUI (example DSFR, Example OnyxiaUI) this will make the MUI components roughly match your design system out of the box. Then you can create your own components that are wrapper around MUI components and customize them until they match your design (Example). Trust me, we always underestimate the complexity of building base component from scratch. There are tons of things to consider, I don't even mention the accessibility concerns... Customizing MUI components is the quick win route.
    8 projects | reddit.com/r/reactjs | 20 Jan 2023
    Thank you ☺️ I mean it's open source so technically you can but legally you can't. If you publish a website using this lib you'll get it shut down by the French authorities.
  • Ensure you never forget a case in a switch
    5 projects | reddit.com/r/Deno | 28 Oct 2022
    If you want a real-world use case you can consider this function, it has a very opaque and complex return type that is inferred from the input it receives. Having type-level unit test for this function is very useful both for ensuring the return type is inferred correctly and as an implicit documentation.
  • tsafe enables to unit test your types.
    4 projects | reddit.com/r/javascript | 27 Oct 2022
    Do you think it's totological to test the return type of this function?
    4 projects | reddit.com/r/javascript | 27 Oct 2022
    Take for example this function, it's return type if very opaque. I'm very happy I'm able to test it.
    4 projects | reddit.com/r/javascript | 27 Oct 2022
    This is much less precise than what my return type inferred from what the user gives me as input.
  • A note from our sponsor - Sonar
    www.sonarsource.com | 22 Mar 2023
    Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →

Stats

Basic react-dsfr repo stats
9
321
10.0
6 days ago

codegouvfr/react-dsfr is an open source project licensed under MIT License which is an OSI approved license.

Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com