TypeScript

Open-source projects categorized as TypeScript

Top 23 TypeScript Open-Source Projects

  • Visual Studio Code

    Visual Studio Code

    Project mention: Entendendo Algoritmos - Introdução | dev.to | 2023-10-01
  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    Project mention: Building React Components Using Unions in TypeScript | dev.to | 2023-10-01

    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!

  • deno

    A modern runtime for JavaScript and TypeScript.

    Project mention: Interesting commit - make deno test 10x faster | /r/Deno | 2023-09-28

    Also the `Deno.metrics()` -API is now deprecated - https://github.com/denoland/deno/commit/50a3209fff38d1decd1642d1175aec78b897d08b

  • Angular

    The modern web developer’s platform

    Project mention: Dynamic naming of router-outlets | /r/Angular2 | 2023-09-29

    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.

    Project mention: 13 Must Know Libraries for a React Developer | dev.to | 2023-08-15

    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.

  • antd

    An enterprise-class UI design language and React UI library

    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-21

    I 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

    Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one

    Project mention: Run Bun Run! Building an AWS CDK Template with Bun | dev.to | 2023-09-28

    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

    Project mention: Top 6 tools for text-based UML sequence diagrams | dev.to | 2023-08-16

    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 🚀

    Project mention: Hacktoberfest 2023 with Ghostfolio | dev.to | 2023-09-26

    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.

    Project mention: Getting Started with PayloadCMS & Vue JS | dev.to | 2023-09-23

    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.

  • prettier

    Prettier is an opinionated code formatter.

    Project mention: TypeScript Boilerplate | dev.to | 2023-09-17

    Code Formatting with Prettier: The code is automatically formatted with Prettier, ensuring consistency in writing style.

  • DefinitelyTyped

    The repository for high quality TypeScript type definitions.

    Project mention: Typescript - Union types e type guards | dev.to | 2023-07-17

    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-14

    Quickly 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

    Project mention: Where to Learn Javascript | /r/PinoyProgrammer | 2023-07-01
  • vuetify

    🐉 Vue Component Framework

    Project mention: Breaking changes in patch version? | /r/webdev | 2023-09-29
  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

    Project mention: Top 5 form validation libraries in React JS and Next JS | dev.to | 2023-09-29

    GitHub Repository: https://github.com/react-hook-form/react-hook-form

  • type-challenges

    Collection of TypeScript type challenges with online judge

    Project mention: 📜 Length of String in TypeScript | dev.to | 2023-08-31

    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.

  • esbuild

    An extremely fast bundler for the web

    Project mention: Run Bun Run! Building an AWS CDK Template with Bun | dev.to | 2023-09-28

    The famous bundler is Webpack, but esbuild is the fastest one… Well, until Bun 🍔

  • Monaco Editor

    A browser based code editor

    Project mention: 🔥✍️ Notion-like Experience for Your GitHub Content | dev.to | 2023-08-22

    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.

    Project mention: Your privacy is optional | dev.to | 2023-09-19

    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

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