Superforms
zod
Superforms | zod | |
---|---|---|
23 | 288 | |
1,879 | 30,347 | |
- | - | |
9.9 | 9.1 | |
6 days ago | 7 days ago | |
TypeScript | 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.
Superforms
-
Building a dynamic form with Svelte and Typescript
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).
- Superforms 2 for SvelteKit has just been released
-
Ask HN: If you were to build a web app today what tech stack would you choose?
- Superforms (https://superforms.rocks/)
-
Working with forms in SvelteKit coming from React
There are libraries for handling form submissions with builtin integrations for validations libraries, like react-hook-form with @hookform/resolvers for React, and we have superforms for SvelteKit, that handles validation with zod, they both are made for the same purpose.
-
Is tRPC redundant with SvelteKit?
I personally think SvelteKit's type-safety + something like https://superforms.vercel.app/ (or just plain zod if you prefer) is perfect.
-
Suggest Best Svelte Libraries
sveltekit-superforms: Making SvelteKit validation and displaying of forms easier than ever
-
Sveltekit Auth Starter Project with Lucia auth, Skeleton UI, Prisma, Zod and Super Forms.
I made a Sveltekit Auth starter if anyone needs a starting point for an app. A demo is here. It is an open source auth starter project utilizing Lucia for authentication, Skeleton for ui elements, Prisma for database connectivity and type safety and Sveltekit for the javascript framework. I also used Zod and Superforms to handle form validation and management. It has email verification, password reset, and will send an email if the user changes their email address to re-verify it. It is released as open source under an MIT license.
-
Is Sveltekit ready to be used to develop some large-scale projects on it?
Image Virtualization i18n FormValidation Etc...
-
Svelte Kit is the best web framework I’ve ever used
I've been enjoying working with Superforms
-
Superforms now has full SPA support and realtime client-side validation. Check out this library for all your SvelteKit form needs!
Thank you for the suggestion, check it out now: https://superforms.vercel.app/
zod
-
From Flaky to Flawless: Angular API Response Management with Zod
Zod is an open-source schema declaration and validation library that emphasizes TypeScript. It can refer to any data type, from simple to complex. Zod eliminates duplicative type declarations by inferring static TypeScript types and allows easy composition of complex data structures from simpler ones. It has no dependencies, is compatible with Node.js and modern browsers, and has a concise, chainable interface. Zod is lightweight (8kb when zipped), immutable, with methods returning new instances. It encourages parsing over validation and is not limited to TypeScript but works well with JavaScript as well.
- TypeScript Essentials: Distinguishing Types with Branding
-
You can’t run away from runtime errors using TypeScript
Zod is a TypeScript-first schema declaration and validation library. It helps create schemas for any data type and is very developer-friendly. Zod has the functional approach of "parse, don't validate." It supports coercion in all primitive types.
-
Best Next.js Libraries and Tools in 2024
Link: https://zod.dev/
-
Popular Libraries For Building Type-safe Web Application APIs
You can check out their documentation here.
-
Epic Next JS 14 Tutorial Part 4: How To Handle Login And Authentication in Next.js
You can learn more about Zod on their website here.
-
What even is a JSON number?
In JS, it's a good idea anyway to use some JSON parsing library instead of JSON.parse.
With Zod, you can use z.bigint() parser. If you take the "parse any JSON" snippet https://zod.dev/?id=json-type and change z.number() to z.bigint(), it should do what you are looking for.
-
Error handling in our form component for the NextAuth CredentialsProvider
We will validate our input using client-side zod. Zod handles TypeScript-first schema validation with static type inference. This means that it will not only validate your fields, it will also set types on validated fields.
-
Zod: Zero to Hero - Chapter 4
A word of warning: while discriminated unions are very powerful, there's an ongoing discussion on whether discriminated unions should be deprecated and replaced with a different API.
-
Zod: Zero to Hero - Chapter 1
I was first introduced to Zod by Adam Bobrow - a colleague of mine and a dear friend. Adam was sick and tired from JavaScript's brittleness, and about two years ago he started migrating our code base to TypeScript. But that wasn't enough for him. He kept complaining: "What good are my types, if some other service decides to send me bad data and breaks my code?". That's when he discovered Zod.
What are some alternatives?
felte - An extensible form library for Svelte, Solid and React
class-validator - Decorator-based property validation for classes.
svelte-final-form - High performance subscription-based form state management for Svelte
joi - The most powerful data validation library for JS [Moved to: https://github.com/sideway/joi]
sveltekit-flash-message - Send temporary data after redirect, usually from endpoints. Works with both SSR and client.
Yup - Dead simple Object schema validation
svelte-use-form - The most compact reactive form controller (including Validation) that you'll ever see.
typebox - Json Schema Type Builder with Static Type Resolution for TypeScript
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
ajv - The fastest JSON schema Validator. Supports JSON Schema draft-04/06/07/2019-09/2020-12 and JSON Type Definition (RFC8927)
svelte-headless-table - Unopinionated and extensible data tables for Svelte
io-ts - Runtime type system for IO decoding/encoding