TypeScript JSON

Open-source TypeScript projects categorized as JSON
Edit details
Topics: #TypeScript #JavaScript #json-schema #React #NodeJS
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com
Sponsored

Top 23 TypeScript JSON Projects

  • jsoncrack.com

    🔮 Seamlessly visualize your JSON data instantly into graphs; paste, import or fetch!

    Project mention: JSON Crack - Crack your data into pieces | reddit.com/r/Computersicherheit | 2022-11-23

  • Editor.js

    A block-style editor with clean JSON output

    Project mention: is there a library for this? those multifeature textareas where you can format the text and add attachments? | reddit.com/r/webdev | 2023-01-02

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-jsonschema-form

    A React component for building Web forms from JSON Schema.

    Project mention: Server Sent UI Schema Driven UIs | reddit.com/r/reactjs | 2022-12-20

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

  • quicktype

    Generate types and converters from JSON, Schema, and GraphQL

    Project mention: A different way of reading JSON | reddit.com/r/swift | 2023-01-28

  • ky

    🌳 Tiny & elegant JavaScript HTTP client based on the browser Fetch API

    Project mention: Axios reaches 1.0.0 | reddit.com/r/javascript | 2022-10-04

    ky (3KB fetch-wrapper) has interceptors (we call them hooks).

  • jsonhero-web

    JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. 🚀

    Project mention: Host a serverless stable diffusion image search Bot on Vercel | dev.to | 2022-12-23

    Suppose if you visit this link in your browser: lexica.art/api/v1/search?q=apples. You will get a JSON response back consisting of an array of images that match "apples". To understand the schema of the JSON response, you can use Postman or JSONHero.

  • wretch

    A tiny wrapper built around fetch with an intuitive syntax. :candy:

    Project mention: Safe Data Fetching in Modern JavaScript | dev.to | 2023-01-16

    One newer option, which is a very thin wrapper around Fetch much like Redaxios, is Wretch. Wretch is unique in that it largely still feels like fetch, but gives you helpful methods for handling common statuses which can chain together nicely:

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • react-docgen

    A CLI and toolbox to extract information from React component files for documentation generation purposes.

    Project mention: why use a variable in this code? | reddit.com/r/reactjs | 2022-12-31

    saw this code on the react-docgen repo source

  • superjson

    Safely serialize JavaScript expressions to a superset of JSON, which includes Dates, BigInts, and more.

    Project mention: Aplicativos da Web totalmente tipados | dev.to | 2023-01-30

  • generatedata

    A powerful, feature-rich, random test data generator.

    Project mention: Optimizing massive MongoDB inserts, load 50 million records faster by 33%! | dev.to | 2022-10-16

    To play around with data generation and make a custom dataset I can recommend using — https://generatedata.com/. I’ve used it to generate 1🍋 records of the data. At the moment of writing this article, the basic yearly plan costs 25$ and you would not regret it.

  • Killed by Google

    Part guillotine, part graveyard for Google's doomed apps, services, and hardware.

    Project mention: Meta shutting down ‘Echo VR’, killing #1 VR esport | reddit.com/r/OculusQuest | 2023-02-01

    The same kind of great reason behind Google killing at least 281 of the products and companies they built or bought? Sometimes these big companies are just shortsighted.

  • spectral

    A flexible JSON/YAML linter for creating automated style guides, with baked in support for OpenAPI v3.1, v3.0, and v2.0 as well as AsyncAPI v2.x.

    Project mention: Quickly Testing your Custom Spectral Rules. | dev.to | 2022-11-09

    I recently started playing with Spectral for validating OpenAPI & AsyncAPI specifications against a common set of rules.

  • JSONForms

    Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.

    Project mention: What would make you use (or not) a tool like JSON Forms for your apps? I'm asking cause I want to learn how to evaluate tooling | reddit.com/r/webdev | 2023-01-10

    There's this cool tool called JSON Forms. Basically you specify a schema and a rudimentary form is generated based on that schema with a framework of your choosing (vue, react, angular) with no additional configuration! Sounded cool so I cloned it. Now it looks like a real time saver, but i'm concerned about how I am using an 'imported template' that will probably restrict any customization on my end.

  • sp-dev-list-formatting

    List Formatting Samples for use in SharePoint and Microsoft Lists

    Project mention: Add another value to donut chart | reddit.com/r/sharepoint | 2023-01-30

    I want to leverage this: https://github.com/pnp/List-Formatting/tree/master/column-samples/number-doughnut-chart, however I am having trouble adding another number field to it to show two colors for percentages around the circle (and the remnant it currently does). It can still show the one percentage value in the middle. Thanks!

  • conf

    Simple config handling for your app or module

    Project mention: Rob Pike: “Dotfiles” being hidden is a UNIXv2 mistake (2012) | news.ycombinator.com | 2022-08-11

    info on XDG: [the XDG spec](https://standards.freedesktop.org/basedir-spec/basedir-spec-...)

    tools that respect XDG, for fellow JS CLI developers:

    - https://github.com/davidtheclark/cosmiconfig Find and load configuration from a package.json property, rc file, or CommonJS module. [Check `searchPaths` to implement XDG spec compliance.](https://github.com/davidtheclark/cosmiconfig/issues/152)

    - Sindre's libraries use [`env-paths`](https://github.com/sindresorhus/env-paths#pathsconfig) to get paths compliant with this.

    - https://github.com/sindresorhus/conf simple config storing (maybe try [conf-cli](https://github.com/natzcam/conf-cli) to manipulate if needed) the successor to [configstore](https://github.com/sindresorhus/conf#how-is-this-different-f...)

    - https://github.com/jonschlinkert/data-store conf like datastore but in the shclinkerverse

  • json-schema-to-ts

    Infer TS types from JSON schemas 📝

    Project mention: Better Backend DX: JSON Schema + TypeScript + Swagger = ✨ Vol. 2 | dev.to | 2022-05-20

    // First create a general "post" schema // Shared Schema export const postSchema = { $id: 'post', type: 'object', properties: { id: { type: 'number' }, title: { type: 'string' }, published: { type: 'boolean' }, content: { type: 'string' }, tags: { type: 'array', items: { type: 'string' } }, deleted: { type: 'boolean' } }, required: ['title', 'published', 'content', 'tags', 'deleted'] } as const // We don't need to create a separate "bodySchema". // But directly infer type from postSchema export type Body = FromSchema // Reply Schema // Check https://www.fastify.io/docs/latest/Reference/Validation-and-Serialization/#adding-a-shared-schema const replySchema = { type: 'object', properties: { posts: { type: 'array', items: { $ref: 'post#' } } }, additionalProperties: false } as const // Check https://github.com/ThomasAribart/json-schema-to-ts#references export type Reply = FromSchema< typeof replySchema, { references: [typeof postSchema] } > // Also make ReplyNotFound reusable for future use export const postNotFoundSchema = { $id: 'postNotFound', // add $id here type: 'object', required: ['error'], properties: { error: { type: 'string' } }, additionalProperties: false } as const export type PostNotFound = FromSchema

  • roarr

    JSON logger for Node.js and browser.

    Project mention: semver: v1 vs v1000 | dev.to | 2022-04-06

    It's something that keeps coming up in GitHub issues on my various projects... they point at my project version, which could be v7, v28, v33, and then say "This project versioning is bad." or "This project API is unstable.", etc. and then compare them to projects that are v1, as if that somehow proves their point.

  • mac

    Manfred Awesomic CV

    Project mention: Hacker News top posts: Mar 27, 2022 | reddit.com/r/hackerdigest | 2022-03-27

    Mac: Open source machine and human compatible CV standard\ (6 comments)

  • native

    Generate a form using JSON Schema and Vue.js (by formschema)

    Project mention: FormKit: Form building framework for Vue 3 | news.ycombinator.com | 2022-05-13

  • vscode-data-preview

    Data Preview 🈸 extension for importing 📤 viewing 🔎 slicing 🔪 dicing 🎲 charting 📊 & exporting 📥 large JSON array/config, YAML, Apache Arrow, Avro, Parquet & Excel data files

    Project mention: Data Preview – Visual Studio Marketplace | news.ycombinator.com | 2022-07-18

  • spartan-schema

    Ultra-minimal JSON schemas with Typescript inference

    Project mention: Hegel – An advanced static type checker for JavaScript | news.ycombinator.com | 2022-10-11

    In the same vein, shameless plug for my own library, Spartan Schema:

    https://github.com/ar-nelson/spartan-schema

    It does the same thing as Zod, but is much smaller/simpler and its types always have a JSON representation.

  • mistql

    A query / expression language for performing computations on JSON-like structures. Tuned for clientside ML feature extraction.

  • bridge.

    Minecraft Add-on Editor | We strive to provide the best development experience possible

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-02-01.

TypeScript JSON related posts

Index

What are some of the best open-source JSON projects in TypeScript? This list will help you:

Project Stars
1 jsoncrack.com 21,675
2 Editor.js 21,356
3 react-jsonschema-form 12,192
4 quicktype 9,278
5 ky 8,869
6 jsonhero-web 7,279
7 wretch 3,536
8 react-docgen 3,352
9 superjson 2,093
10 generatedata 2,034
11 Killed by Google 1,915
12 spectral 1,757
13 JSONForms 1,330
14 sp-dev-list-formatting 1,248
15 conf 1,031
16 json-schema-to-ts 972
17 roarr 894
18 mac 524
19 native 460
20 vscode-data-preview 429
21 spartan-schema 422
22 mistql 332
23 bridge. 308

Sponsored
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com