react-dsfr
rescript-compiler
Our great sponsors
react-dsfr | rescript-compiler | |
---|---|---|
9 | 94 | |
395 | 6,453 | |
3.5% | 1.3% | |
9.6 | 9.5 | |
8 days ago | 6 days ago | |
TypeScript | OCaml | |
MIT License | GNU General Public License v3.0 or later |
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
- 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?
rescript-compiler
-
Tired of Typescript? Check out ReScript!
ReScript is a fully typed language with an easy to understand JS like syntax, blazing fast compiler, that compiles to JavaScript. You can easily drop it into an existing project, and there is even a way to generate TypeScript types if you want to add it to a TypeScript project!
-
Learning Elm by porting a medium-sized web front end from React (2019)
If you’re a front-end developer, you should checkout ReScript[1], supposedly a JS-oriented successor of ReasonML and developed by the ReasonML team.
[1] https://rescript-lang.org/
-
ReScript: Rust like features for JavaScript
ReScript is "Fast, Simple, Fully Typed JavaScript from the Future". What that means is that ReScript has a lightning fast compiler, an easy to learn JS like syntax, strong static types, with amazing features like pattern matching and variant types. Until 2020 it was called "BuckleScript" and is closely related to ReasonML.
-
Ask HN: Interest in a Rust-Inspired Language Compiling to JavaScript?
As another commenter has already suggested, ReasonML has a lot of what you described here.
However, modern JS-oriented toolchain for ReasonML is called ReScript and you can learn more here: https://rescript-lang.org/
-
How does one write React apps in a purely functional style without making the entire codebase a mess?
ReScript (before BuckleScript) https://rescript-lang.org/ is a functional language that can also use OOP. Ideal for Javascript and Typescript projects, React and servers. It integrates perfectly with Javascript and Typescript code https://rescript-lang.org/docs/react/latest/introduction
-
Show HN: EdgeDB Cloud and 4.0 with FTS and Auth
Thank you!
We invited Gabriel because we think what he's building is pretty cool. It showcases so much about EdgeDB: its type system, data model, query language, composability, introspection, etc.
I'm not a ReScript user myself. What I know is that it's a functional programming language somewhat heavily inspired by OCaml. Their website goes into details [1]
[1] https://rescript-lang.org/
-
Strong typing, a hill I'm willing to die on
You might want to look into ReScript (https://rescript-lang.org/). It has strong static typing with type inference, and it is very fast.
-
Building React Components Using Unions in TypeScript
This is because a “Tagged Union”, another word for TypeScript’s Discriminated Union, is a way to “tag which one is in use right now… we check the tag to see”. Just like when you’re shopping and check the tag of a piece of clothing to see what the price is, what size it is, or what material it’s made out of. Languages like ReScript compile many of their Unions (called Variants) to JavaScript Objects that have a tag property.
-
Converting a JavaScript React app to a ReScript React app.
ReScript is "Fast, Simple, Fully Typed JavaScript from the Future". Let's take a look at how we can add it to an existing React project.
-
Way to High Confidence: The Ideal Testing Trophy
REscript
What are some alternatives?
denoify - 🦕For NPM module authors that would like to support Deno but do not want to write and maintain a port.
svelte-wasm
onyxia-ui - 🌓 Onyxia UI toolkit
Elm - Compiler for Elm, a functional language for reliable webapps.
tsafe - 🔩 The missing TypeScript utils
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
compodio - Putting the podcast in community radio
Fable: F# |> BABEL - F# to JavaScript, TypeScript, Python, Rust and Dart Compiler
tss-react - ✨ Dynamic CSS-in-TS solution, based on Emotion
purescript - A strongly-typed language that compiles to JavaScript
ts-pattern - 🎨 The exhaustive Pattern Matching library for TypeScript, with smart type inference.
reason - Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems