The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 13 TypeScript yup Projects
-
Superforms
Superforms is a SvelteKit library that helps you with server-side validation and client-side display of forms.
-
resolvers
📋 Validation resolvers: Yup, Zod, AJV, Joi, Superstruct, Vest, class-validator, io-ts, typanion, Ajv, TypeBox, Valibot and nope.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
youtube-2021-march-nextjs-api-routes-validation-yup
Next.js API Routes validation shared with front-end using yup
-
done-with-it
A react-native app to sell items you don't need using expo from Mosh's course written in Typescript.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
octo-form
Combine react-form-hook, yup and Material UI to create beautiful and usable forms. Write less code.
-
react-ts-starter
Starter repository for developers who uses React, Typescript, TailwindCSS, React Router, Axios, React Hook Form and yup.
This next step is probably the easiest. Since you're also sending the select platform template, you can reference that to determine if the data is valid (why not try superforms? I made an adapter for it).
Project mention: React-Hook-Form / YupResolver - Vercel build fails but local build is ok | /r/nextjs | 2023-09-20For anyone that reaches this post trying to obtain an answer, I found this issue in the react-hook-form repository. Specifically the comment that Mihai-github made.
Since the OpenAPI specification is language-agnostic, we can use the output to validate data in both our frontend and backend. This approach makes total sense since we can provide uniform validation rules on both sides of our stack. There are a few libraries out there that can help us with this task, such as typed-openapi or openapi-zod-client, which can take an OpenAPI definition as an input and transform it to zod schema definitons.
Project mention: I'm looking for beta testers for my upgraded website with NextJS App Directory | /r/nextjs | 2023-07-03You can view the website at https://beta.donaldlouch.ca and you can provide feedback here, email me at [[email protected]](mailto:[email protected]) or on my GitHub Repo (note that the files have not been optimized on the repo)!
TypeScript yup related posts
- React-Hook-Form / YupResolver - Vercel build fails but local build is ok
- Using class-validator with Next.js and react-hook-form
- How to build forms using the schema-first approach in React
- Yup-schema-faker: fake data generator for yup schema
- Preferred form library with Next.js?
- What's new in React Hook Form's resolvers V2
- Show HN: Yup-schema-faker: fake data generator for yup
-
A note from our sponsor - WorkOS
workos.com | 19 Apr 2024
Index
What are some of the best open-source yup projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Superforms | 1,855 |
2 | resolvers | 1,585 |
3 | yup-phone | 235 |
4 | typed-openapi | 138 |
5 | dynamic-form-rhf | 19 |
6 | youtube-2021-march-nextjs-api-routes-validation-yup | 18 |
7 | done-with-it | 13 |
8 | dynamic-form | 11 |
9 | octo-form | 8 |
10 | yup-schema-faker | 7 |
11 | react-ts-starter | 5 |
12 | nextjs-redux-toolkit | 2 |
13 | website | 0 |