Top 23 TypeScript Open-Source Projects
-
Visual Studio Code
Visual Studio Code
Code Editor + Color scheme ( + fontWeight of 600).
-
deno
A secure JavaScript and TypeScript runtime
Just hear me out. vite is a development server (also kind of a build tool) and deno is a javascript runtime that wants to act like a browser. Come on. It's right there.
-
Scout
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
Angular
One framework. Mobile & desktop.
Looking through popular JavaScript frameworks, there are a few that top the usage charts year after year, such as React, Angular, and Vue. What was interesting to see while looking into JS front-end frameworks from 2019 to 2020 was the swift adoption of Svelte, which not only topped the charts in User Satisfaction and Interest in the past two years, but has moved it's way from the 9th to the 4th most used CSS framework in a year. This newly popular JavaScript framework is definitely worthy of a look for any Frontend Developer.
-
material-ui
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
Project mention: Material design on typescript without angular | reddit.com/r/MaterialDesign | 2021-03-01I use https://material-ui.com/ It has loads of components and really good support for styles and themes!
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Project mention: Breaking down a very large re-design project. What's your process? | reddit.com/r/UI_Design | 2021-03-02Since you've already done the work to create a design system, I would encourage the client to allocate engineering resources towards implementing your design system in a generalized way as a component library, even going so far as to create some component documentation like storybook. This way, the redesign of each flow will be quick, painless, and without need for pixel perfect designs. This should make some redesigns so obvious they won't need your intervention. Others might only need wireframes, and only a few should require a full design. It will also enforce good design with code, even after you move on, by making it hard to break rules and easy for lazy engineers to use good design rather than building their own creations.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Also in the "native" world, there is Ionic. This one uses Webviews.
-
prettier
Prettier is an opinionated code formatter.
A lot of people recommend Prettier as an auto-formatter. I use Eslint and StandardJS. There's an option in VS Code that's "format on save" that will correct your formatting automatically. Then I also use Eslint as a pre-commit check with Husky to make sure nothing gets committed without the check.
-
Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8) 🚀
I haven't looked into any of the dart backend frameworks. If I was starting something fresh today I'd probably look at NestJS. I like the Angular-ish approach, DI, modules, etc. Switching between Dart and Typescript isn't so bad.
-
DefinitelyTyped
The repository for high quality TypeScript type definitions.
See this comment for a more detailed explanation and this thread for a discussion about why the cheatsheet was wrong.
-
vuetify
🐉 Material Component Framework for Vue
Project mention: How to fix the issue with expansion panel index | reddit.com/r/vuetifyjs | 2021-03-01I am trying to add items dynamically which will update the expansion panel, the data which I am dealing with its a complex array of object with the dynamic component within the expansion panel content. Currently facing issue mentioned here https://github.com/vuetifyjs/vuetify/issues/11225.
-
taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
NervJS / taro
-
angular-cli
CLI tool for Angular
Project mention: feat(@angular-devkit/build-angular): enable inlineCritical by default · angular/[email protected] | reddit.com/r/Angular2 | 2021-02-26 -
MobX
Simple, scalable state management.
Really nice and simple for newcomers without a lot of boilerplate. Unfortunately you need use builder, automatic generate the code after some change and wait for it. Library is inspired by MobX project from JavaScript.
-
TypeORM
ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, SAP Hana, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.
TypeORM also has a special Version column ( https://github.com/typeorm/typeorm/blob/master/docs/entities.md ) but not the rich history that this Django plugin provides
-
react
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)
See this comment for a more detailed explanation and this thread for a discussion about why the cheatsheet was wrong.
-
ngx-admin
Customizable admin dashboard template based on Angular 10+
MORE INFO
-
esbuild
An extremely fast JavaScript bundler and minifier
Project mention: Deno v1.8 – support for WebGPU, private modules, Intl, and much more | news.ycombinator.com | 2021-03-02Maybe esbuild can help? It's a go-based bundler that does typescript, es6, etc. and a lot more. https://github.com/evanw/esbuild It's still pretty well integrated into the npm world and distributed as a node package though, so there might be some issues.
-
NativeScript
NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.
Project mention: Yet another components library recommendation thread... | reddit.com/r/Angular2 | 2021-02-28It's worth mentioning that I eventually hope to use NativeScript to convert my Angular web application to a native mobile application (though I've yet to test this out).
-
react-hook-form
📋 React Hooks for forms validation (Web + React Native)
react-hook-forms
-
@blueprintjs/core
A React-based UI toolkit for the web
Project mention: How To Set Up A Design System To Work With React | reddit.com/r/UI_Design | 2021-03-01https://blueprintjs.com/ AND ???
-
terminus
A terminal for a more modern age
-
electron-react-boilerplate
A Foundation for Scalable Cross-Platform Apps
-
FlatBuffers
FlatBuffers: Memory Efficient Serialization Library
flatcc - FlatBuffers compiler and library. Apache-2.0
Index
What are some of the best open-source TypeScript projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Visual Studio Code | 111,704 |
2 | deno | 72,937 |
3 | Angular | 70,962 |
4 | material-ui | 65,465 |
5 | storybook | 58,775 |
6 | Ionic Framework | 43,098 |
7 | prettier | 39,032 |
8 | Nest | 34,895 |
9 | DefinitelyTyped | 32,413 |
10 | vuetify | 29,692 |
11 | taro | 28,252 |
12 | angular-cli | 24,250 |
13 | MobX | 23,278 |
14 | TypeORM | 23,223 |
15 | react | 22,239 |
16 | ngx-admin | 22,227 |
17 | esbuild | 20,443 |
18 | NativeScript | 19,784 |
19 | react-hook-form | 18,470 |
20 | @blueprintjs/core | 17,391 |
21 | terminus | 17,069 |
22 | electron-react-boilerplate | 17,049 |
23 | FlatBuffers | 15,830 |