natural-selection
io-ts
natural-selection | io-ts | |
---|---|---|
8 | 80 | |
164 | 6,621 | |
- | - | |
1.4 | 4.9 | |
about 1 year ago | 6 months ago | |
CSS | TypeScript | |
MIT License | MIT License |
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.
natural-selection
-
Explaining CSS Organisational Layout
Maybe https://github.com/frontaid/natural-selection can give you some pointers. It is a blueprint of a possible CSS file structure that applies globally. This covers at least 1. and 2. of your example.
-
How do you write custom CSS?
[1] https://github.com/frontaid/natural-selection
-
"Global" vs "Local" styles
PS: If you want to get a jump start for the global styling of your projects, you might want to have a look at https://github.com/frontaid/natural-selection
-
Ask HN: What is your CSS framework of choice?
I rarely use any of the popular CSS frameworks. Unless you are making a small(ish) website where the styling is not important, it is actually more work to change an existing frameworks than to just use CSS yourself.
But what I do use sometimes is a CSS reset like https://github.com/necolas/normalize.css
And what I also use is this CSS boilerplate: https://github.com/frontaid/natural-selection (Disclaimer: I created it because I wanted to avoid the repetitive work of writing out all the selectors).
-
Ask HN: What Are You Working On?
I'm working on a CSS framework without any styling (!). It is a collection of selectors and meant to be used as a clean CSS boilerplate. Thus it can jump start your your next project or design system.
https://github.com/frontaid/natural-selection
- Show HN: Natural Selection – CSS framework without any styling
- Natural Selection - CSS framework without any styling.
- Natural Selection - CSS Framework without any styling.
io-ts
-
TDD
Qué rico. Si tenés chance meté un proceso de code review fuerte, y para el tema de I/O probá a usar https://github.com/Effect-TS/schema ó https://github.com/gcanti/io-ts que les da una solución obvia al tema de "tipos para lo que devuelva el backend", aunque es en realidad mucho más capaz que eso.
-
Domain modelling with State Machines and TypeScript by Carlton Upperdine
My fave is still io-ts (https://github.com/gcanti/io-ts/blob/master/docs/index.md) as I find it more flexible than zod at the ingress. The author is also working on the Effect ecosystem which also looks interesting.
-
Why I Like Using Maps (and WeakMaps) for Handling DOM Nodes
I’ve been using io-ts for this and been very happy with it. [1] It’s similar to Swift’s Coding protocol in case you’re familiar.
[1] https://gcanti.github.io/io-ts/
-
Can someone recommend a library for data parsing similar to Zod, but with better support for input transformations/preprocessing?
Yeah, there are a few new concepts and it's not the easiest to pick up right away. The best introduction is here on the main documentation page.
- libraries you are happy that you discovered them
- Is React for small projects an Overkill?
-
how to strictly type this?
We use https://github.com/gcanti/io-ts/blob/master/Decoder.md which has a very similar interface. It can even be used to mutate the data using https://github.com/gcanti/io-ts/blob/master/Decoder.md#the-parse-combinator.
-
Typescript advanced bits: function overloading, never and unknown types
A good way to significantly improve the reliability of your app is via improving type-safety by moving away from using any to unknown. One relevant example could be when you type your backend responses and when stringifying JSON to using unknown combined with some sort of runtime type checking. It can be done either by using built-in functionality like type guards or using an external library like io-ts, zod or yup.
-
I found 10,000x faster TypeScript validator library
Usage of TypeBox is similar with io-ts and zod, but it is much powerful and faster than them. Also, TypeBox can generate JSON schema very easily. Therefore, if you're looking for a validator library for new project and not suffering from legacy codes, I think TypeBox would be much better choice than io-ts and zod. TypeBox can totally replace them.
-
Validate your data with Zod
This check can be done with different libraries like: io-ts, typebox, or zod. These libraries allow you to create objects that represent your typescript definitions. Then, these objects can be used at runtime to validate the received data, in addition, you can also convert this object to a Typescript definition to have all the benefits of using typescript. These objects can be called schema validations because they are responsible for the data validation.
What are some alternatives?
thegreatsuspender - A chrome extension for suspending all tabs to free up memory
zod - TypeScript-first schema validation with static type inference
Foundation - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
class-validator - Decorator-based property validation for classes.
Papercups - Open-source live customer chat
openapi-generator - OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)
maplibre-gl-js - MapLibre GL JS - Interactive vector tile maps in WebGL2
runtypes - Runtime validation for static types
HyperTag - HyperTag - Intuitive Knowledge Management WebApp & CLI for Humans using Deep Learning & Tags
fp-ts - Functional programming in TypeScript
joi - The most powerful data validation library for JS [Moved to: https://github.com/hapijs/joi]
newtype-ts - Implementation of newtypes in TypeScript