tsafe VS react-dsfr

Compare tsafe vs react-dsfr and see what are their differences.

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
tsafe react-dsfr
11 9
383 387
- 1.6%
6.7 9.6
3 months ago 5 days 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.

tsafe

Posts with mentions or reviews of tsafe. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-10-28.

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
    8 projects | /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 | /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 | /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 | /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 | /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 | /r/javascript | 27 Oct 2022
    Do you think it's totological to test the return type of this function?
    4 projects | /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 | /r/javascript | 27 Oct 2022
    This is much less precise than what my return type inferred from what the user gives me as input.

What are some alternatives?

When comparing tsafe and react-dsfr you can also consider the following projects:

type-fest - A collection of essential TypeScript types

eslint-plugin-total-functions - An ESLint plugin to enforce the use of total functions (and prevent the use of partial functions) in TypeScript.

tss-react - ✨ Dynamic CSS-in-TS solution, based on Emotion

TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

gitlanding - βœ’οΈ React components for creating landingpages

clean-architecture - πŸ“ A clean architecture framework

denoify - πŸ¦•For NPM module authors that would like to support Deno but do not want to write and maintain a port.

starter-workflows - Accelerating new GitHub Actions workflows

rescript-compiler - The compiler for ReScript.

ts-ast-viewer - TypeScript AST viewer.

compodio - Putting the podcast in community radio