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. Learn more →
Top 23 TypeScript Generator Projects
-
ignite
Infinite Red's battle-tested React Native project boilerplate, along with a CLI, component/model generators, and more!
-
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.
-
compodoc
:notebook_with_decorative_cover: The missing documentation tool for your Angular, Nest & Stencil application
-
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.
-
openapi-typescript-codegen
NodeJS library that generates Typescript or Javascript clients based on the OpenAPI specification
-
drip-table
A tiny and powerful enterprise-class solution for building lowcode tables. 轻量、强大的企业级表格可视化搭建解决方案。
-
typegraphql-prisma
Prisma generator to emit TypeGraphQL types and CRUD resolvers from your Prisma schema
-
Eigengrau-s-Essential-Establishment-Generator
A town generator that is suitable for out of the box play in any fantasy TTRPG setting.
-
openapi-zod-client
Generate a zodios (typescript http client with zod validation) from an OpenAPI spec (json/yaml)
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Jamon Holmgren, CTO at Infinite Red, joins Nick Taylor to discuss the Ignite project, https://github.com/infinitered/ignite, a battle-tested React Native boi...
JavaScript (TypeScript) ecosystem has various types of API docs generators. Maybe the most popular one is TypeDoc. While generating API docs itself is easy, hosting API docs is pretty hard. Publishing generated HTML to static hosting service like GitHub Pages is the method I adopted previously, but it's not an ideal solution because we can't view docs for older versions.
Project mention: I made Swagger/OpenAPI type definitions and converter library | dev.to | 2024-04-30However, lacking of typia and nestia libraries is obvious. If you also need detailed Swagger/OpenAPI spec like me, but you need more detailed types/properties, or found something missed, please take a contribution.
Project mention: Ask HN: Anyone use a code to mindmap/flowchart tool? | news.ycombinator.com | 2024-02-24https://flowchart.fun recently helped a lot with a project.
RESTful APIs via swagger-typescript-api
There is an implementation of SQL that operates on a table shaped type, entirely at type level. For your amusement: https://github.com/codemix/ts-sql
There are a bunch of more practical takes that codegen types from your database and generate types for your queries, eg: https://github.com/adelsz/pgtyped
To me the second approach seems much more pragmatic because you don’t need to run a SQL parser in a fairly potato interpreter on every build
I’d also add that if you use Typescript with an OpenAPI client generator (https://github.com/ferdikoomen/openapi-typescript-codegen) it can immensely alleviate some of the biggest pain points of seperate backend and front-end. It always used to be a major pain in the ass with the amount of overhead an API change would incur - updating documentation, postman, constant communication between backend and front-end devs, etc. Now I just npm run generate, I see new API changes in my Git client and Typescript errors for code that needs updating.
Also, using a library like Tanstack Query or Rdtk Query can almost completely eliminate manual state management, and kinda makes the whole development experience feel almost like SSR.
Project mention: Show HN: I made a CLI tool to create web extensions with no build configuration | news.ycombinator.com | 2024-04-30FWIW there's an existing issue for "firefox support" which you can subscribe to in order to be notified when this feature lands.
https://github.com/cezaraugusto/extension.js/issues/5
Project mention: TypeSpec: A New Language for API-Centric Development | news.ycombinator.com | 2024-04-29This looks interesting but I already have TypeScript types for my APIs so I developed https://github.com/vega/ts-json-schema-generator which lets me generate JSON schema from the sources directly. Yes, it does have some oddities because the two languages have slightly different feature sets but it’s been working well for us for a few years. If I didn’t have TypeScript or a smaller API surface I’d be okay with typing again I would look at TypeSpec though. It definitely beats writing JSON schema by hand.
There is an interesting win-win tool called log4brains, that can turn your markdown into a static website. It's also integrated into MADR template. I haven’t had time to try them yet, but it's in my backlog.
Project mention: Drizzle is just as unready for prime-time as Prisma, what else is there? | /r/reactjs | 2023-12-06You can just use prisma for migrations. check out prism-kysely
Since the OpenAPI specification is language-agnostic, we can use the output to validate data in both our frontend and backend. This approach makes total sense since we can provide uniform validation rules on both sides of our stack. There are a few libraries out there that can help us with this task, such as typed-openapi or openapi-zod-client, which can take an OpenAPI definition as an input and transform it to zod schema definitons.
TypeScript Generator related posts
-
AsyncAPI: a practical look
-
Generative HTTP API Clients
-
U.S. National Park Service API
-
Document Playwright tests with typedoc
-
Ask HN: Working with CPG Retail Data
-
Simple Text to Flowchart, Online & Free
-
OpenAPI DevTools: Chrome extension that generates API specs for any app or website
-
A note from our sponsor - SurveyJS
surveyjs.io | 21 May 2024
Index
What are some of the best open-source Generator projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | ignite | 16,713 |
2 | typedoc | 7,398 |
3 | qrbtf | 5,880 |
4 | typia | 4,105 |
5 | compodoc | 3,955 |
6 | openapi-devtools | 3,804 |
7 | flowchart-fun | 3,010 |
8 | swagger-typescript-api | 2,968 |
9 | pgtyped | 2,822 |
10 | openapi-typescript-codegen | 2,691 |
11 | extension.js | 3,188 |
12 | projen | 2,489 |
13 | generator-ngx-rocket | 1,527 |
14 | ts-json-schema-generator | 1,342 |
15 | drip-table | 1,258 |
16 | log4brains | 1,064 |
17 | typegraphql-prisma | 861 |
18 | prisma-kysely | 816 |
19 | Eigengrau-s-Essential-Establishment-Generator | 798 |
20 | scaffdog | 670 |
21 | openapi-zod-client | 636 |
22 | Entity-Builder | 463 |
23 | gql-query-builder | 388 |
Sponsored