Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge. Learn more →
Top 23 TypeScript Open-Source Projects
-
-
The common theme in a lot of React examples utilizes 2 types of data to build React components around: primitives and Objects. In this article, we’re going to talk about a 3rd called Discriminated Unions. We’ll go over what problems they solve, what their future looks like in JavaScript and possibly TypeScript, and what libraries can help you now.
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
Also the `Deno.metrics()` -API is now deprecated - https://github.com/denoland/deno/commit/50a3209fff38d1decd1642d1175aec78b897d08b
-
hello. I'm struggling to find documentation/examples of dynamically setting router-outlet names. Router-outlet names were changed from attributes to inputs in Angular v.15 (https://github.com/angular/angular/commit/c3f857975d56cac6ad3939d64f76a51455159c23), allowing us to set it dynamically. I'd like to use this feature, and would appreciate any advice on this!
-
material-ui
MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
With GitHub stars of 88K(August 2023) and weekly NPM downloads of 2.9 million(August 2023), MUI is one of the most popular React UI libraries in the world.
-
Project mention: ⚡ Best Open Source React framework and libraries for Building Enterprise B2B apps | dev.to | 2023-09-27
Additionally, refine offers built-in integrations with Ant Design, Material UI, Mantine, and Chakra UI, providing swift starting points for your projects.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
Project mention: PSA: Storybook sends telemetry data, opt-in by default | news.ycombinator.com | 2023-09-21I took some interest in the concept of hashing IPs to avoid PII issues [0], and it turns out that since there's only so few IPv4 addresses, it's trivial to simply take the salt the project uses and calculate all the hashes. On my laptop it would take around two hours with the most naive implementation, so I don't really think this solves anything. This problem would be sidestepped by IPv6, but we all know how that is going so far.
[0] https://github.com/storybookjs/storybook/discussions/19910#d...
-
Revelo Payroll
Free Global Payroll designed for tech teams. Building a great tech team takes more than a paycheck. Zero payroll costs, get AI-driven insights to retain best talent, and delight them with amazing local benefits. 100% free and compliant.
-
Bun has its own package for creating a Lambda Layer.
-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Mermaid is a Javascript-based diagramming tool for rendering many diagram types from Markdown-inspired text definitions and supports sequence diagrams. Mermaid is free and open-source under the MIT license.
-
Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
Ghostfolio is written in TypeScript and organized as an Nx workspace, utilizing the latest framework releases. The backend is based on NestJS in combination with PostgreSQL as a database together with Prisma and Redis for caching. The frontend is built with Angular.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic Framework UI Components are used to build a website and then a mobile application is built using Ionic Capacitor. Ionic UI components are not required but are used for UX. The vue js code presented here will work fine in a separate application.
-
Code Formatting with Prettier: The code is automatically formatted with Prettier, ensuring consistency in writing style.
-
type NumberOrString = number | string; type Status = "idle" | "loading" | "success" | "failure" // React useState, can receive a value or a function as parameter to serve as initial value. // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/a03856975a17eba524739676affbf70ac4078176/types/react/v17/index.d.ts#L920 function useState(initialState: S | (() => S)): [S, Dispatch>];
-
react
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)
Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14Quickly reference the essentials with these handy React 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
-
-
GitHub Repository: https://github.com/react-hook-form/react-hook-form
-
I'm very like typescript and I always try to learn something interesting there. I thought that it is impossible to know the length of the string in typescript, but I was wrong. Today during solving typescript challenge I found a way to do it. If you don't know about typescript challenges, you can read about it here, it is a very interesting project, and I highly recommend you to try it, if you, like me, obsessed with typescript.
-
The famous bundler is Webpack, but esbuild is the fastest one… Well, until Bun 🍔
-
You’ll see a Monaco Editor-powered change editor. The content incoming from the Git repo is on the left, while the current content in Vrite is on the right. You can make changes in the editor on the right - this will ultimately become the result content. Once you’re done, click Resolve. If there are no other conflicts, you should now be able to pull the latest changes.
-
Prisma
Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
Project mention: From Scratch to Storage, Note App with AnalogJs, tRPC, Prisma and CockroachDB | dev.to | 2023-09-30/** * Instantiates a single instance PrismaClient and save it on the global object. * @link https://www.prisma.io/docs/support/help-articles/nextjs-prisma-client-dev-practices */ import { PrismaClient } from '@prisma/client'; const prismaGlobal = global as typeof global & { prisma?: PrismaClient; }; export const prisma: PrismaClient = prismaGlobal.prisma ?? new PrismaClient(); prismaGlobal.prisma = prisma;
-
n8n
Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
N8N - anything that I would have used Zapier or IFTTT for I now use N8N. It is a bit harder to use but more powerful.
-
taro
开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
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-10-01.
TypeScript related posts
- Entendendo Algoritmos - Introdução
- Building React Components Using Unions in TypeScript
- A Comprehensive Guide to Implementing OAuth 2 Authentication in NextJS with NodeJS Back-End
- From Scratch to Storage, Note App with AnalogJs, tRPC, Prisma and CockroachDB
- Prxmpt - "TailwindCSS for Prompt Engineering"
- Prxmpt - A JSX Framework for Prompt Engineering
- hyperwave: build full stack apps on the server, using hypermedia.
-
A note from our sponsor - InfluxDB
www.influxdata.com | 1 Oct 2023
Index
What are some of the best open-source TypeScript projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Visual Studio Code | 151,446 |
| 2 | TypeScript | 94,351 |
| 3 | deno | 90,933 |
| 4 | Angular | 90,452 |
| 5 | material-ui | 88,971 |
| 6 | antd | 87,700 |
| 7 | storybook | 80,460 |
| 8 | bun | 62,712 |
| 9 | mermaid | 61,204 |
| 10 | Nest | 59,807 |
| 11 | Ionic Framework | 49,495 |
| 12 | prettier | 46,658 |
| 13 | DefinitelyTyped | 45,360 |
| 14 | react | 42,338 |
| 15 | 30-Days-Of-JavaScript | 38,571 |
| 16 | vuetify | 37,968 |
| 17 | react-hook-form | 36,909 |
| 18 | type-challenges | 36,544 |
| 19 | esbuild | 36,113 |
| 20 | Monaco Editor | 35,702 |
| 21 | Prisma | 33,925 |
| 22 | n8n | 33,849 |
| 23 | taro | 33,592 |
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