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.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Project mention: I can't stand using VSCode so I wrote my own (it wasn't easy) | news.ycombinator.com | 2024-04-21I had a near-identical experience. I looked into switching in 2019 and ran into this 2016 bug which was a showstopper for me. Fixed it myself, grand total 4 line diff. https://github.com/microsoft/vscode/issues/10643
GitHub | Website
Project mention: Bun - The One Tool for All Your JavaScript/Typescript Project's Needs? | dev.to | 2024-04-02NodeJS is the dominant Javascript server runtime environment for Javascript and Typescript (sort of) projects. But over the years, we have seen several attempts to build alternative runtime environments such as Deno and Bun, todayโs subject, among others.
Ant Design
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
At Node Conference 2023, Jarred Sumner (creator of Bun) showed a demo of server components in Bun, so there is at least partial support in that ecosystem. The Bun repo provides bun-plugin-server-components as the official plugin for server components. And while I havenโt looked at it in-depth, Marz claims to be a โReact Server Components Framework for Bunโ.
Mermaid - https://mermaid.js.org/
When using the NestJS framework, sometimes you may need to change some default timeout. You can define them just like you'd do in a plain Node.js HTTP server like so:
View on GitHub
Project mention: How to Build an AI FAQ System with Strapi, LangChain & OpenAI | dev.to | 2024-04-21Strapi provides a centralized data managing platform. This makes it easier to organize, update, and maintain the FAQ data. It also automatically generates a RESTful API for accessing the content stored in its database.
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.
So anyways, I wanted to hook up Emacs with Astro support. For now, I've just been roughing it out there and running Prettier by itself and turning off save on format and auto-complete. It's been scary.
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
Project mention: Dify, a visual workflow to build/test LLM applications | news.ycombinator.com | 2024-04-22
View on GitHub
Project mention: Crafting Forms in React: Vanilla vs. React Hook Form vs. Formik | dev.to | 2024-04-12React Hook Form is one of the most popular libraries for building forms in React apps with over 39k stars on GitHub. The library has no external dependencies according to Bundle Phobia.
๐ 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/
During my search for deploying Lambdas via GitHub actions, I came across a tutorial that utilized ncc for converting TypeScript and bundling. While ncc is effective, I discovered esbuild, which proved to be significantly faster and perfectly suited to my requirements.
TypeScript related posts
- Opengist: Open-source alternative to GitHub Gists
- Runme Gist: A Pastebin for Terminals Inside Your Docs
- Fedify: ActivityPub Server Framework
- Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout โ WebKit
- Traditional crawler or AI-assisted crawler? How to choose?
- Dify, a visual workflow to build/test LLM applications
- Show HN: Tailwind Nested VSCode Extension
-
A note from our sponsor - SurveyJS
surveyjs.io | 23 Apr 2024
Index
What are some of the best open-source TypeScript projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Visual Studio Code | 158,095 |
2 | TypeScript | 97,832 |
3 | Angular | 94,464 |
4 | deno | 92,841 |
5 | Material UI | 91,511 |
6 | antd | 90,129 |
7 | storybook | 82,727 |
8 | bun | 70,488 |
9 | mermaid | 66,838 |
10 | Nest | 64,263 |
11 | awesome-react | 61,827 |
12 | Strapi | 59,840 |
13 | Ionic Framework | 50,386 |
14 | prettier | 48,241 |
15 | DefinitelyTyped | 47,090 |
16 | react | 43,953 |
17 | 30-Days-Of-JavaScript | 40,847 |
18 | n8n | 40,455 |
19 | type-challenges | 39,894 |
20 | react-hook-form | 39,505 |
21 | vuetify | 39,024 |
22 | Monaco Editor | 38,203 |
23 | esbuild | 37,249 |
Sponsored