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 | |
396 | 916 | |
3.8% | - | |
9.5 | 7.2 | |
6 days ago | 3 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.
- French State Design System React Integration
-
The french government's design system
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.
-
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?
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
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).
-
Maybe it's time to give Denoify another try. It's much more capable now than when it was first introduced.
So, if you tried Denoify in the past and it didn't work for you, maybe it will now. If you need a hand, I'm happy to help. Just ask anything on the newly opened discussion section of the github repo.
-
λ "Functions all the way down" data validation for JavaScript and TypeScript, now available for deno
It has zero dependencies so was very easy to dual publish on both npm and deno.land using denoify. Literally just needed to add the .ts extension to imports.
What are some alternatives?
When comparing react-dsfr and denoify you can also consider the following projects:
rescript-compiler - The compiler for ReScript.
nx - Smart Monorepos · Fast CI
onyxia-ui - 🌓 Onyxia UI toolkit
dnt - Deno to npm package build tool.
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
tss-react - ✨ Dynamic CSS-in-TS solution, based on Emotion
domain-functions - Decouple your business logic from your framework. With first-class type inference from end to end.