SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript Open-Source Projects
-
Project mention: 🚀 Introducing NextSolution V2: ASP.NET API + Next.js + Expo Starter Template | dev.to | 2024-09-07
This template was built using a variety of powerful frameworks and tools, including: .NET, Ngrok, JWT (JSON Web Tokens), Entity Framework, AutoMapper, FluentValidation, Flurl, Humanizer, libphonenumber-csharp, MailKit, OAuth, Serilog, Twilio, Swagger, React.js, React Native, React Navigation, Axios, Expo Dev, Lodash, NativeWind, React Hook Form, Zustand, Visual Studio Code, Visual Studio, Android Studio, Git, GitHub Copilot, Node.js, React Native Paper, NextUI
-
InfluxDB
Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.
-
const createStoreImpl: CreateStoreImpl = (createState) => { type TState = ReturnType type Listener = (state: TState, prevState: TState) => void let state: TState const listeners: Set = new Set() const setState: StoreApi['setState'] = (partial, replace) => { // TODO: Remove type assertion once https://github.com/microsoft/TypeScript/issues/37663 is resolved // https://github.com/microsoft/TypeScript/issues/37663#issuecomment-759728342 const nextState = typeof partial === 'function' ? (partial as (state: TState) => TState)(state) : partial if (!Object.is(nextState, state)) { const previousState = state state = (replace ?? (typeof nextState !== 'object' || nextState === null)) ? (nextState as TState) : Object.assign({}, state, nextState) listeners.forEach((listener) => listener(state, previousState)) } } const getState: StoreApi['getState'] = () => state const getInitialState: StoreApi['getInitialState'] = () => initialState const subscribe: StoreApi['subscribe'] = (listener) => { listeners.add(listener) // Unsubscribe return () => listeners.delete(listener) } const api = { setState, getState, getInitialState, subscribe } const initialState = (state = createState(setState, getState, api)) return api as any }
-
In the recent version, two long-awaited issues in the Angular repo were closed. Angular major version, v18, shipped the Unified Control State Change Events amongst other features, and the minor version, v18.1, took advantage of the block template syntax by adding a new built-in feature to the template known as the Template Local Variables, denoted by @let block.
-
JSX can become valid, standardized ECMAScript syntax.
But first we need a valid syntactic sugar transformation, which I propose here.
Then we need to implement it in things like babel[0] bun[1] and deno[2].
Then, frameworks would adopt it as an optional alternative implementation.
Eventually, it could gain widespread support and become standardized.
[0] https://github.com/sdegutis/vanillajsx.com/blob/main/site/un...
[1] https://github.com/oven-sh/bun/issues/13630
[2] https://github.com/denoland/deno/issues/25312
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
GitHub: https://github.com/mui/material-ui
-
GitHub: https://github.com/ant-design/ant-design
-
storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
Through this time, I was at least contributing to various large projects to clean up and improve what I could (e.g. one i've contributed to for a long time is storybook).
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Bun | Software Engineer (systems, runtime, i/o) | Fulltime | Onsite in San Francisco | https://bun.sh
Bun is an open-source JavaScript tooling company focused on making programming simpler. Today, Bun is a JavaScript runtime designed to be a faster drop-in replacement for Node.js, along with an incredibly fast npm client, jest-compatible test runner, and JavaScript transpiler, minifier, and bundler.
We're hiring systems engineers to come to San Francisco and help us make JavaScript faster and more productive. This role will involve lots of open-source low-level systems work, mostly in Bun's GitHub repo - https://github.com/oven-sh/bun and also in a commercial hosting product.
Apply here: https://apply.workable.com/oven/j/A7A1388873/
Most of our code is in Zig and C++ and open-source. To see what we do every day, have a look at the recent pull requests.
-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Project mention: Extending AstroJS Markdown Processing With Remark and Rehype Plugins | dev.to | 2024-08-17Lets, assume we want to add rendered Mermaid diagrams to our page by transforming the source code in fenced code blocks like the following:
-
Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
NestJs
-
Awesome React
-
Strapi
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.
Project mention: Build A Transcription App with Strapi, ChatGPT, & Whisper: Part 3 | dev.to | 2024-09-07First, navigate to Strapi and click on "cloud" at the top right.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
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.
-
To learn more about ESLint, check out the official ESLint documentation. To learn more about Prettier, check out the official Prettier documentation.
-
> I really loved PHP, but now with go+templ (https://templ.guide) I personally don't have a use-case for PHP anymore, but that doesn't mean it's irrelevant for the world.
This is the first time I've heard of Templ. It looks cool and it was really easy to set up. Apparently there are IDE extensions to enable syntax highlighting and HTML auto-completion, but is there a way to type check the templates? One of the things I love about JSX as a templating language is that errors in your markup get reported as type errors [1]. If I write `` instead of `` and run `tsc --noEmit --watch`, TypeScript will complain until I fix the issue. You can even extend the types to support your own HTML custom elements.
[1] https://github.com/DefinitelyTyped/DefinitelyTyped/blob/mast...
-
n8n
Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
Project mention: Ask HN: Consolidated Notifications from Various Services | news.ycombinator.com | 2024-07-28 -
react
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)
Congratulations, you now know how to use TypeScript in your React App. For further reading check out this React TypeScript cheat sheet
-
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
30 Days of JS preparation 30 Days of Javascript preparation that teaches JS topics in 30 days one topic per day, quite a good roadmap as well to learn JS from scratch.
-
Project mention: An approach to optimizing TypeScript type checking performance | news.ycombinator.com | 2024-08-14
-
Project mention: 🚀 Introducing NextSolution V2: ASP.NET API + Next.js + Expo Starter Template | dev.to | 2024-09-07
This template was built using a variety of powerful frameworks and tools, including: .NET, Ngrok, JWT (JSON Web Tokens), Entity Framework, AutoMapper, FluentValidation, Flurl, Humanizer, libphonenumber-csharp, MailKit, OAuth, Serilog, Twilio, Swagger, React.js, React Native, React Navigation, Axios, Expo Dev, Lodash, NativeWind, React Hook Form, Zustand, Visual Studio Code, Visual Studio, Android Studio, Git, GitHub Copilot, Node.js, React Native Paper, NextUI
-
Project mention: An experiment in UI density created with Svelte | news.ycombinator.com | 2024-07-27
VS Code Editor which is based on Electron, is really fast, even with large codebase & many open tabs. Their monaco engine (https://microsoft.github.io/monaco-editor/) uses custom, virtual code processor that is optimized for surgically updating underlying DOM. It also uses WebGL + canvas rendering to show minimap of the file.
Similar approach (custom virtual processor) is leveraged by Google docs/sheets.
Canvas rendering may be the last resort when nothing worked.
-
Project mention: How to adapt an autocomplete/select field to work with server-side filtering and pagination | dev.to | 2024-09-04
The technical implementation will be demonstrated with Vue, my preferred framework for everyday work, combined with Vuetify, a very robust and highly customizable component framework commonly used in the Vue ecosystem. Note that concepts used here can be applied using other combinations of popular JavaScript technologies.
-
Prisma
Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
This article will serve as a guide on how to create a simple finance management app using Arcjet, Next.js, Auth.js, Prisma, SQLite, and Tailwind CSS. Building a personal finance management app with modern web development skills, practical functionality, and robust security helps drive home the point of how effective it can be to incorporate these features. Our application will be proof of concept, so there will be no live working payment gateway.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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).
TypeScript discussion
TypeScript related posts
-
Best React UI Library: 5 Popular Choices
-
Mastering Form Handling in React: The Ultimate Guide
-
Show HN: TypeScript SQL Query API Engine for Postgres
-
createStore in Zustand's source code explained.
-
Integrate Dropbox API with React: A Comprehensive Guide
-
Building a Personal Finance App with Arcjet
-
The Ultimate Introduction to Cursor for Developers
-
A note from our sponsor - SaaSHub
www.saashub.com | 7 Sep 2024
Index
What are some of the best open-source TypeScript projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Visual Studio Code | 162,036 |
| 2 | TypeScript | 100,022 |
| 3 | Angular | 95,629 |
| 4 | deno | 93,878 |
| 5 | Material UI | 93,178 |
| 6 | antd | 91,727 |
| 7 | storybook | 83,932 |
| 8 | bun | 72,905 |
| 9 | mermaid | 70,396 |
| 10 | Nest | 66,567 |
| 11 | awesome-react | 64,290 |
| 12 | Strapi | 62,633 |
| 13 | Ionic Framework | 50,883 |
| 14 | prettier | 49,002 |
| 15 | DefinitelyTyped | 48,160 |
| 16 | n8n | 44,996 |
| 17 | react | 44,860 |
| 18 | 30-Days-Of-JavaScript | 42,584 |
| 19 | type-challenges | 42,361 |
| 20 | react-hook-form | 40,937 |
| 21 | Monaco Editor | 39,741 |
| 22 | vuetify | 39,599 |
| 23 | Prisma | 38,718 |
Sponsored
Purpose built for real-time analytics at any scale.
InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.
www.influxdata.com