typescript-json-schema VS react-jsonschema-form

Typescript to JSON Schema

For anyone using both TypeScript and JSON schemas, but wanting to use TypeScript as the source of truth, I highly recommend the following library: [ts-json-schema-generator](https://github.com/YousefED/typescript-json-schema).

It does exactly what it says in the box: turns your TypeScript `types` / `interface` into machine-readable JSON schemas.

The library has a few open issues (does not deal well with some edge cases of composing Omit<> on sum types, and does not support dynamic (const) keys), but compared to manually writing JSON schemas, it's been amazing!

There are a bunch of tools to generate JSON-schema from a TS codebase, ie https://github.com/YousefED/typescript-json-schema

Now that cool thing we wanted to do? This library does exactly that!

> For more complex cases I find myself wishing I could just turn Typescript into some kind of schema validation for JSON.

Not sure if this is what you're looking for, and whether it's powerful and expressive enough for your use case, but you can use typescript-json-schema¹ for this, and validate with eg ajv.

¹https://github.com/YousefED/typescript-json-schema

Use https://github.com/YousefED/typescript-json-schema to go from TS -> json schema

For what it's worth, thanks to TypeScript transformers (a feature baked into the compiler), one can create a transformer library that verifies an object is valid for any TypeScript type and conveys that information to the typechecker. And indeed, it's already been made. It allows to parse unknown into a given T. This is nice, because one can generate a JSON schema out of a TS type, for other languages/codebases to integrate safely.

This is why I originally started a project to convert ts to json schema; https://github.com/YousefED/typescript-json-schema (and also check out a good alternative https://github.com/vega/ts-json-schema-generator)

Typescript JSON schema

I've been very passionate about a project called react-jsonschema-form (github, editor). I personally hate writing forms, and love the idea of serializable components, schema, validation all in one. I've always wanted an alternative to this project that offered an alternative to react, and possibly the ability to render a schema form to static HTML (like ssg).

See their playground app for examples of creating schema driven forms in no time.

I've tried with https://github.com/rjsf-team/react-jsonschema-form ,but the performance is poor when dealing with deep nested form with many inputs.

For example, I had a requirement for my team recently to be able to build dynamic form UIs, based off a JSON schema. There are heaps of javscript frameworks for this task e.g. react-jsonschema-form, but nothing in nuget or Blazor is going to help there. So you'd have to write all the logic yourself.

React-json-schema form has plenty of tests, using... it looks like react-dom/test-utils

https://github.com/rjsf-team/react-jsonschema-form

YAML-LD (application/ld+yaml) round-trips to JSON-LD (application/ld+json) which round trips to RDF; so W3C Linked Data Signatures / W3C Verified Claims cryptographic signatures verify regardless of graph representation.

YAML-LD > 3.1 JSON vs YAML comparison: https://json-ld.github.io/yaml-ld/spec/#json-vs-yaml

React Json Schema Form: https://github.com/rjsf-team/react-jsonschema-form

The most popular package it is being used in currently is react-jsonschema-form, which currently has 11,876 stars on GitHub

When I used react I used react-jsonschema-form which was awesome. Instead of writing inputs and forms I wrote the shape of that form in schema (or better yet, had my server send the shape of the form from the endpoint so that the front end required no coding). Unfortunately the vue equivalents never got ported to vue3 (and seem abandoned), so I wrote my own. Now I write stuff like: