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. 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
Install Code Editor(VSCode recommended)
Project mention: Exploring Angular 17 and Beyond: Major Enhancements, Latest Updates, Migration Strategies, and Future Outlook | dev.to | 2024-05-18Angular 17 has sparked a renewed interest among developers with its groundbreaking features and enhancements. Developed and maintained by Google, Angular 17 represents a significant leap forward in front-end technology, setting new standards for Angular Development Services. This latest version of the popular TypeScript-based web application framework is designed to improve developer productivity and enhance user experience. By prioritizing performance, scalability, and maintainability, Angular 17 empowers developers to build dynamic and responsive web applications effortlessly.
Project mention: Exploring Angular 17 and Beyond: Major Enhancements, Latest Updates, Migration Strategies, and Future Outlook | dev.to | 2024-05-18Angular GitHub Repository: https://github.com/angular/angular
The first tool we’ll look at is Pigment CSS, a zero-runtime CSS-in-JS library built to extract the co-located styles into separate CSS files during the build phase and eliminate the need for runtime style processing.
Project mention: Open Source Admin Dashboard Starter: Ant Design v5, TypeScript, MongoDB | dev.to | 2024-05-15Built with Ant Design 4 and ProComponents
But here’s some good news: there’s already a solution in the JavaScript world called Storybook!
GitHub Repository: Bun GitHub
To visualize the user flow for the CatFoster project, we will create a series of diagrams using Mermaid to illustrate the different user interactions within the system. These interactions include signing up and signing in, creating a cat profile, updating and deleting their cat profiles, requesting to foster a cat, and approving fostering requests.
Project mention: NestJS Developers: Upgrade Your Logging with This Simple Guide | dev.to | 2024-05-18NestJS is a powerful, progressive Node.js framework for building efficient and scalable server-side applications. It is written in TypeScript and is heavily inspired by Angular. It comes with a modular architecture and in-built support for a plethora of back-end features straight out of the box. One important part of developing applications with NestJS, or with any other back-end framework, is logging.
Project mention: Ask HN: What are the key decision factors for open sourcing a product? | news.ycombinator.com | 2024-05-08At the time it organically grew in a year or two, i've added my projects to the "awesome x" lists (like this one https://github.com/enaqx/awesome-react) but thats pretty much it. Overall I think it was a great experience to learn from but I wish I didn't spend so much time on it.
Strapi is a Headless CMS built with TypeScript. It has a backend and a frontend. Just take a look at how many configuration files it has just for running the project.
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: How to prevent Prettier putting a full stop on a new line after a link | dev.to | 2024-05-13Do you use Prettier? Have your configuration settings caused weird HTML rendering issues by adding extra whitespace where you didn't want it? Perhaps after an anchor link at the end of a paragraph? Me, too. Here's what's happening and how you might be able to fix it.
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
Link to the Github repository: https://github.com/n8n-io/n8n
View on GitHub
I looked for a package that would provide the validation and state management that I was used to but for React. After a bit of searching I found the React Hook Form package that seemed to offer exactly what I was after. The tagline on their website reads:
👉 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
-
Monorepo architecture in shadcn-ui/ui.
-
How to Hide Scrollbar Using CSS?
-
The problem with new URL(), and how URL.parse() fixes that
-
Eclipse Theia IDE gets a makeover
-
Show HN: I made 2048 game in Next.js (Code on GitHub)
-
I revived TypeScript RPC framework for WebSocket (+NestJS) and Worker protocols from 8 years ago.
-
Exploring Angular 17 and Beyond: Major Enhancements, Latest Updates, Migration Strategies, and Future Outlook
-
A note from our sponsor - SurveyJS
surveyjs.io | 21 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,946 |
2 | TypeScript | 98,267 |
3 | Angular | 94,710 |
4 | deno | 93,051 |
5 | Material UI | 91,834 |
6 | antd | 90,438 |
7 | storybook | 82,997 |
8 | bun | 71,101 |
9 | mermaid | 67,593 |
10 | Nest | 64,736 |
11 | awesome-react | 62,421 |
12 | Strapi | 60,740 |
13 | Ionic Framework | 50,475 |
14 | prettier | 48,433 |
15 | DefinitelyTyped | 47,313 |
16 | react | 44,135 |
17 | 30-Days-Of-JavaScript | 41,077 |
18 | n8n | 41,209 |
19 | type-challenges | 40,385 |
20 | react-hook-form | 39,843 |
21 | vuetify | 39,117 |
22 | Monaco Editor | 38,505 |
23 | Prisma | 37,514 |
Sponsored