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. Learn more →
Top 23 TypeScript JSON Projects
-
jsoncrack.com
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
-
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.
-
full-stack-fastapi-template
Full stack, modern web application template. Using FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions, automatic HTTPS and more.
-
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. 🚀. Built with 💜 by the Trigger.dev team.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
superjson
Safely serialize JavaScript expressions to a superset of JSON, which includes Dates, BigInts, and more.
-
react-docgen
A CLI and library to extract information from React component files for documentation generation purposes.
-
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.
-
svelte-jsoneditor
A web-based tool to view, edit, format, repair, query, transform, and validate JSON
-
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.
Project mention: JSONCrack Codebase Analysis - Part 5 - Toolbar and Bottom bar | dev.to | 2024-01-09They are used in Editor component. Part 4 explains about Editor component.
I am supporting a project where lawyers, advisors can publish articles or news, to get more attention and clients. Initially it was made through TinyMCE, but they wanted not just HTML, but also a way of showing many pictures with interactions. I was seeking UI editor like Medium, and I guess best what I found was EditorJS and during checking its Awesome List there were several carousel plugins and I stopped on this.
Project mention: Building a Secure API with FastAPI, PostgreSQL, and Hanko Authentication | dev.to | 2023-10-30This project is a modification of the authentication flow of the awesome repository made by tiangolo at full-stack-fastapi-postgresql
Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08I'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).
Project mention: How do you navigate an api response where you don't know the exact structure? | /r/webdev | 2023-11-09I grab the response off of the network tab. Either make a structure manually or use something like QuickType
Project mention: Ky: Tiny and elegant JavaScript HTTP client based on the browser Fetch API | news.ycombinator.com | 2024-04-24
Project mention: Exploring the Canvas Series: The Art of Time Reversal in the Canvas | dev.to | 2024-01-10For the diff operation, I recommend using jsondiffpatch
In conclusion, whether you choose axios, fetch, or an alternative like wretch, your focus should be on writing clear, maintainable, and robust code. Understanding the strengths and weaknesses of each tool will empower you to make informed decisions and build applications that are not only functional but also resilient and enjoyable to develop.
Project mention: Executable Playground of "typia", super-easy/fast TypeScript validator/serializer | dev.to | 2024-03-18
Project mention: Deep Cloning Objects in JavaScript, the Modern Way | news.ycombinator.com | 2023-12-21I wasn't aware of this, I would like to give a shout out to superjson (https://github.com/blitz-js/superjson) which I had been using to solve this problem. I will look at this solution for next time.
It’s possible, assuming you’ve typed your props using TS (maybe proptypes would work too, not sure) you can then use ReactDocGen (https://react-docgen.dev/) to have the types output in a way you can read them in code.
Project mention: With Vids, Google thinks it has the next big productivity tool for work | news.ycombinator.com | 2024-04-09
Project mention: Looking for an Android framework for dynamic form creation based on JSON schema | /r/androiddev | 2023-06-04I'm currently working on an Android app that requires dynamic form creation based on JSON schema. I came across the website jsonforms.io and was impressed by their framework for generating forms from JSON schema.
Project mention: Newbie here, experimenting with JSON formatting for sharepoint lists | /r/sharepoint | 2023-11-28While you’re at it check out https://github.com/pnp/List-Formatting, lots of really cool stuff you can do with just some json formatting.
Project mention: 6 Repositories recommended by GitHub to Boost Your Programming Productivity | dev.to | 2023-05-02🔗 Link
Project mention: Social engineering campaign targeting tech employees spreads through NPM malware | news.ycombinator.com | 2023-07-25Wow. There is even one package to not use a JavaScript object: https://www.npmjs.com/package/conf
TypeScript JSON related posts
- Faces.js, a JavaScript library for generating vector-based cartoon faces
- Executable Playground of "typia", super-easy/fast TypeScript validator/serializer
- Exploring the Canvas Series: The Art of Time Reversal in the Canvas
- JSONCrack Codebase Analysis - Part 5 - Toolbar and Bottom bar
- JSONCrack Codebase Analysis — Part 4.2.1.1 — JsonEditor — debouncedUpdateJson
- JSONCrack Codebase Analysis - Part 4.1 - Editor - Panes Component
- JSONCrack Codebase Analysis — Part 4 — Editor
-
A note from our sponsor - InfluxDB
www.influxdata.com | 24 Apr 2024
Index
What are some of the best open-source JSON projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | jsoncrack.com | 28,426 |
2 | Editor.js | 26,755 |
3 | full-stack-fastapi-template | 22,914 |
4 | react-jsonschema-form | 13,630 |
5 | quicktype | 11,472 |
6 | ky | 11,469 |
7 | jsonhero-web | 8,654 |
8 | jsondiffpatch | 4,660 |
9 | wretch | 4,494 |
10 | typia | 4,020 |
11 | superjson | 3,667 |
12 | react-docgen | 3,559 |
13 | Killed by Google | 2,345 |
14 | spectral | 2,240 |
15 | generatedata | 2,174 |
16 | JSONForms | 1,929 |
17 | sp-dev-list-formatting | 1,643 |
18 | jsonview | 1,482 |
19 | json-schema-to-ts | 1,330 |
20 | tslog | 1,255 |
21 | conf | 1,184 |
22 | roarr | 1,027 |
23 | svelte-jsoneditor | 769 |
Sponsored