react-dsfr
🇫🇷 Design system React toolkit (by codegouvfr)
denoify
🦕For NPM module authors that would like to support Deno but do not want to write and maintain a port. (by garronej)
Our great sponsors
react-dsfr | denoify | |
---|---|---|
9 | 7 | |
385 | 918 | |
1.6% | - | |
9.6 | 7.2 | |
9 days ago | 2 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-dsfr
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
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
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
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.
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
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.
Do you think it's totological to test the return type of this function?
Take for example this function, it's return type if very opaque. I'm very happy I'm able to test it.
This is much less precise than what my return type inferred from what the user gives me as input.
denoify
Posts with mentions or reviews of denoify.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-09-06.
-
Node.js vs. Deno vs. Bun: JavaScript runtime comparison
If you’re building packages/libraries for the community to use you can take a look at Denoify. It’s a project that aims to change some of your files automatically when migrating and make it easier to maintain the project for both npm and deno.land/x.
-
Build package for NPM & Deno
I do Node-first packages and use https://github.com/garronej/denoify to produce deno-compatible code. (example: https://github.com/mxxii/leac )
-
Incomplete list of npm packages adapted for Deno
I'm using denoify to adapt some of my Node-first packages and I publish them to deno.land/x as well.
You can use https://github.com/garronej/denoify for Node-first packages.
-
Ensure you never forget a case in a switch
Or use ts-patten it's comming to Deno soon (thanks to Denoify).
What are some alternatives?
When comparing react-dsfr and denoify you can also consider the following projects:
nx - Smart Monorepos · Fast CI
dnt - Deno to npm package build tool.
domain-functions - Decouple your business logic from your framework. With first-class type inference from end to end.
rescript-compiler - The compiler for ReScript.
tsafe - 🔩 The missing TypeScript utils
ts-pattern - 🎨 The exhaustive Pattern Matching library for TypeScript, with smart type inference.
compodio - Putting the podcast in community radio
list-of-npm-packages-adapted-to-deno - Deno now supports npm 🦕
leac - Lexer / tokenizer
tss-react - ✨ Dynamic CSS-in-TS solution, based on Emotion
onyxia-ui - 🌓 Onyxia UI toolkit