Top 23 TypeScript Validation Projects
-
Check out: React Hook Form
-
Bad example, vee-validate has a compatible version already: https://vee-validate.logaretm.com/v4/
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
Project mention: How to properly sanitise & check POST data from REST API? Which libraries can you suggest? best ways nowadays in 2022 | reddit.com/r/webdev | 2021-12-29
I really enjoyed using class-transformer and class-validator for this.
-
Project mention: How to check that an 'unknown' object has a specific key and that the key is a specific type? | reddit.com/r/typescript | 2022-01-11
⭐ Recommended: Doing this manually is a ton of work, and if you're dealing with unknown objects often it would be better to lean onto a validation library to simplify it. My personal favorite is superstruct, although lots of people like joi or zod. They all do the same thing
-
Project mention: How to check that an 'unknown' object has a specific key and that the key is a specific type? | reddit.com/r/typescript | 2022-01-11
Seconding the recommendation to use a library for this. runtypes and io-ts are two other alternatives.
-
Project mention: Minimal and fast runtime API payload sanitiser and error message handling | reddit.com/r/typescript | 2021-10-20
What does your library provide that others don't? For example: https://github.com/colinhacks/zodhttps://github.com/hapijs/joihttps://github.com/jquense/yuphttps://github.com/gcanti/io-tshttps://github.com/pelotom/runtypeshttps://github.com/sindresorhus/ow
-
express-typescript-boilerplate
A delightful way to building a RESTful API with NodeJs & TypeScript by @w3tecch
Project mention: Standard Typescript Tutorial with Express and an ORM or ODM | reddit.com/r/node | 2021-06-18I would suggest to look for "boilerplate" with all tech u want to learn, than combine few tutorials to move forward ur knowledge and build something around that... Here is one example: https://github.com/w3tecch/express-typescript-boilerplate
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: How to check that an 'unknown' object has a specific key and that the key is a specific type? | reddit.com/r/typescript | 2022-01-11
Seconding the recommendation to use a library for this. runtypes and io-ts are two other alternatives.
-
Felte does not attempt to have the perfect solution on how to handle all scenarios regarding form management. This is why Felte offers an API to extend its functionality as your requirements grow more complex. You may have a preferred library you like to use, such as the really popular yup, or Vest (which was recently talked about during Svelte Summit). Modifying Felte’s behaviour to handle these scenarios can be done via the extend option on createForm’s configuration object. More about this can be read in the official documentation. To keep things simple for the purposes of this blog post, I am only going to write about some of the existing packages we maintain to handle some common use cases:
-
vue-composable
Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
-
Project mention: Af/envalid: Environment variable validation for Node.js | news.ycombinator.com | 2021-02-04
-
Project mention: Brand new toolkit to analyze and validate your webpack bundle | dev.to | 2021-09-14
Statoscope is a modern tooklit for analyzing and validating your bundle. You can try Statoscope by simply dropping the stats of your build into https://statoscope.tech or using a webpack plugin that will generate a UI-based report about your build. This report will show you full information about your build, NPM packages duplicates, and even the download speed of your bundle to a client browser. With this UI report, you can make your own requests to stats and generate your own reports about your bundle. This is very similar to python notebook, but for webpack stats and is possible thanks to a special query language.
-
Formsy
-
The problem is that those queries are not prevented by commonly available rate limiters. You can send a single request to a GraphQL server that completely overwhelms the servers. To prevent such queries to GraphQL APIs, I wrote graphql-query-complexity, an extensible open-source library that detects such queries and rejects pathological queries before consuming too many resources on the server. You can assign each field a complexity value, and queries that exceed a threshold will be rejected. In Slicknode this protection is added automatically based on the number of nodes that are being returned.
-
Project mention: Translation validation - automatic validation messages translated | dev.to | 2021-07-13
ngx-errors
-
resolvers
📋 Validation resolvers: Zod, Yup, Joi, Superstruct, Vest, class-validator, io-ts, typanion, and nope.
For the front-end, I like react-hook-form, and it supports both zod, joi, yup and more via official package: https://github.com/react-hook-form/resolvers
-
Project mention: Testing in production: using JSON Schema for 3rd party API response validation | news.ycombinator.com | 2021-08-08
Json schema validation is cpu expensive in nodejs, so you do not want it in production for every request. We made a proxy [1] that only allows requests that are conform to the swagger json which is easy to hook between frontend and backend in dev-mode
-
Project mention: volder is a powerful JavaScript schema builder for value parsing and validation. Define a schema and validate values, volder schema are extremely simple to use, it has custom error messages, custom types, nested schemas. | reddit.com/r/programming | 2021-10-15
What does this library provide that is not provided by Yup, Zod, Superstruct (a personal favorite), Joi, Nope, computed-types, typanion, and all the other validation libraries?
-
-
I hope this served as a good introduction to Felte, and that it is interesting enough for you to give it a try. Felte is currently in quite a useable state and I feel it’s flexible enough for most use cases. I am also open to help and suggestions so feel free to open an issue or make a pull request on GitHub.
-
Project mention: V2 of svelte-forms is here with its new documentation website! | reddit.com/r/sveltejs | 2021-11-30
-
Project mention: ✨ How you build forms with Material-UI? This is the way I do. Link in the first comment. | reddit.com/r/reactjs | 2021-04-17
Demo link: https://react-cool-form.netlify.app/docs/examples/material-ui Form library: https://github.com/wellyshen/react-cool-form
-
typescript-runtime-type-benchmarks
Benchmark Comparison of Packages with Runtime Validation and TypeScript Support
Project mention: What was your favourite programming language before Rust? | reddit.com/r/rust | 2021-11-11It's actually fairly middle of the pack. You'd use Zod for the ergonomics, not the performance.
TypeScript Validation related posts
- How to check that an 'unknown' object has a specific key and that the key is a specific type?
- How to properly sanitise & check POST data from REST API? Which libraries can you suggest? best ways nowadays in 2022
- That TypeScript argument...
- Show HN: Nope-Validator
- Domain Modeling with Typescript, check my article and maybe share your techniques?
- How do you "stitch & glue" types for all your needs?
- What is the benefit of using schema validation with forms rather than just relying on typescript?
Index
What are some of the best open-source Validation projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-hook-form | 25,365 |
| 2 | vee-validate | 8,853 |
| 3 | class-validator | 7,083 |
| 4 | Superstruct | 5,644 |
| 5 | io-ts | 5,125 |
| 6 | ow | 3,422 |
| 7 | express-typescript-boilerplate | 2,326 |
| 8 | runtypes | 1,975 |
| 9 | Vest | 1,660 |
| 10 | vue-composable | 906 |
| 11 | envalid | 795 |
| 12 | statoscope | 743 |
| 13 | formsy-react | 735 |
| 14 | graphql-query-complexity | 535 |
| 15 | ngx-errors | 472 |
| 16 | resolvers | 440 |
| 17 | openapi-cop | 347 |
| 18 | Funval | 272 |
| 19 | nope-validator | 261 |
| 20 | felte | 232 |
| 21 | svelte-forms | 219 |
| 22 | react-cool-form | 216 |
| 23 | typescript-runtime-type-benchmarks | 181 |
Are you hiring? Post a new remote job listing for free.
