Closed
Conversation
added 11 commits
July 4, 2025 16:12
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
18 Skipped Deployments
|
gdorsi
approved these changes
Jul 7, 2025
|
|
||
| getCoSchema: () => typeof CoMap; | ||
|
|
||
| getZodSchema: () => z.ZodObject<Shape, Config>; |
Collaborator
There was a problem hiding this comment.
I think we should add this API as part of #2404
After the splitting we are going to need this API more, and the implementation will also probably differ after those changes.
gdorsi
reviewed
Jul 7, 2025
| "examples/inspector", | ||
| "examples/music-player", | ||
| "examples/organization", | ||
| "examples/tanstack-form", |
Collaborator
There was a problem hiding this comment.
Added the test to the CI, but it looks like this doesn't pass
Contributor
Author
|
@gdorsi without |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What this Does
Add a TanStack Form example to our examples library. This example is based off our existing form example, but shows how to integrate with form libraries (which are usually not very friendly with non-JSON objects, such as CoValues) and leverage TanStack Form's support for schema validation libraries to validate the form using Jazz's Zod-based schemas.
Screen.Recording.2025-07-04.at.5.13.53.PM.mov
Why Are We Doing This?
This started off as me researching our form-building experience with Jazz, but after discussing it with @gdorsi we thought this could make sense as an example.
Open Questions
I initially wanted to make this an Svelte project (in fact, I've got an early prototype here) but ended up spending more time playing with Zod validations (instead of working through some styling quirks product of the Svelte migration) and thus kept the example in React. If you think it'd be more valuable to make this an Svelte example, let me know and I can spend a bit more time working on it!
Testing Instructions
Added an e2e example to confirm the basic create & edit functionality works as expected.
Related Links