SaaSHub helps you find the best software and product alternatives Learn more β
Top 23 TypeScript Open-Source Projects
-
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.
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
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.
-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
-
Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript π
-
Strapi
π Strapi is the leading open-source headless CMS. Itβs 100% JavaScript/TypeScript, fully customizable and developer-first.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
-
react
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)
-
30-Days-Of-JavaScript
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
-
n8n
Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
-
Prisma
Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
An IDE or text editor; we'll use Visual Studio 2022 for this tutorial, but a lightweight IDE such as Visual Studio Code will work just as well
While we were fighting against the modules, we forgot one small detail - their built-in typings. Esbuild can't do this at all yet. Unbelievable, but the tsc, native TS compiler, also does not provide a typings concat feature. Got around this problem: we've introduced [a utility to combine typings](tsc-dts-fix of zx own code, and applied some monkey patches for external libdefs squashed via dts-bundle-generator.
Project mention: Angular Signals, Reactive Context, and Dynamic Dependency Tracking | dev.to | 2024-04-24/** * https://github.com/angular/angular/blob/75a186e321cb417685b2f13e9961906fc0aed36c/packages/core/src/render3/reactivity/untracked.ts#L15 * * packages/core/src/render3/reactivity/untracked.ts * **/ export function untracked(nonReactiveReadsFn: () => T): T { const prevConsumer = setActiveConsumer(null); try { return nonReactiveReadsFn(); } finally { setActiveConsumer(prevConsumer); } }
Project mention: Bun - The One Tool for All Your JavaScript/Typescript Project's Needs? | dev.to | 2024-04-02NodeJS is the dominant Javascript server runtime environment for Javascript and Typescript (sort of) projects. But over the years, we have seen several attempts to build alternative runtime environments such as Deno and Bun, todayβs subject, among others.
Ant Design
As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.
Project mention: Node Test Runner vs Bun Test Runner (with TypeScript and ESM) | dev.to | 2024-04-26It has a decent compatibility with both Jest and Vitest's APIs (you can track progress here so you can use it as almost a drop-in replacement for either. Just as Node's, it has describe/it, mock, test and others, but with the expect syntax (which I find more readable). For example:
Project mention: AsciidocFX: The Asciidoc Editor for documentation and authoring | dev.to | 2024-05-02Mermaid Diagram - Create diagrams using text and code
When using the NestJS framework, sometimes you may need to change some default timeout. You can define them just like you'd do in a plain Node.js HTTP server like so:
View on GitHub
Project mention: How to Build an AI FAQ System with Strapi, LangChain & OpenAI | dev.to | 2024-04-21Strapi provides a centralized data managing platform. This makes it easier to organize, update, and maintain the FAQ data. It also automatically generates a RESTful API for accessing the content stored in its database.
I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount of surprise, so I thought I would break down what a Design System is and why it doesn't matter which end you start with, as long as you have both your Design and Development teams working together to build your Design System.
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05In this post, I also use ESLint + Standard JS as my code formatting tools. Formatting JS/TS code by using ESLint is also subjective and opinionated, arguably most people would rather use Prettier instead, which provides more configurable options.
Prior to React 18, it used to include an implicit children prop, making it suitable for components expected to have children. For a long time, though, the implicit children prop type has been removed according to React 18's type changes.
Congratulations, you now know how to use TypeScript in your React App. For further reading check out this React TypeScript cheat sheet
Project mention: Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) πͺπ | dev.to | 2024-02-0430 Days of JS
Project mention: Ask HN: Is there a visual data mapper for JSON transformation? | news.ycombinator.com | 2024-04-30I believe you can achieve that with n8n. Used in past (and still running) for some data transformation and little more. Possibly similar case what are you describing.
https://n8n.io/
View on GitHub
Project mention: formengine VS react-hook-form - a user suggested alternative | libhunt.com/r/formengine | 2024-05-02
π https://vuetifyjs.com
Fyi, if you are ever looking for a fun project you might be able to implement this. The vscode editor source is available as a library https://microsoft.github.io/monaco-editor/
In the world of software development, there are two kinds of developers: those who have never had to complain about ORMs and those who have actually used them. Whether itβs Django ORM for Python, Active Record for Ruby, GORM for Golang, Doctrine for PHP, or Prisma for TypeScript, a common issue persists: writing simple queries is straightforward, but constructing complex or optimized queries can take hours, if not days.
TypeScript related posts
-
Knip: Find unused files, dependencies and exports (JavaScript, TypeScript)
-
Setup a simple Node Typescript Project in 5 minutes - 2024 edition
-
Esbuild implements the JavaScript decorators proposal
-
How to Handle File Uploads with ASP.NET Core
-
How to Scrape Google Finance
-
Show HN: Can AI keep my code up-to-date?
-
How and why do we bundle zx?
-
A note from our sponsor - SaaSHub
www.saashub.com | 7 May 2024
Index
What are some of the best open-source TypeScript projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Visual Studio Code | 158,564 |
2 | TypeScript | 98,060 |
3 | Angular | 94,599 |
4 | deno | 92,975 |
5 | Material UI | 91,692 |
6 | antd | 90,297 |
7 | storybook | 82,881 |
8 | bun | 70,839 |
9 | mermaid | 67,199 |
10 | Nest | 64,525 |
11 | awesome-react | 62,008 |
12 | Strapi | 60,244 |
13 | Ionic Framework | 50,430 |
14 | prettier | 48,347 |
15 | DefinitelyTyped | 47,199 |
16 | react | 44,039 |
17 | 30-Days-Of-JavaScript | 40,971 |
18 | n8n | 40,874 |
19 | type-challenges | 40,097 |
20 | react-hook-form | 39,683 |
21 | vuetify | 39,063 |
22 | Monaco Editor | 38,358 |
23 | Prisma | 37,328 |
Sponsored