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. Learn more →
Top 23 TypeScript Open-Source Projects
-
Project mention: How to Develop a User Data Storage Registration Form Using Python. | dev.to | 2024-03-28
When working in Visual Studio Code (VS Code), start by creating a new Python file for your registration form project. It's helpful to have separate files for different parts of your project.
-
Project mention: Building a Dynamic Job Board with Issues Github, Next.js, Tailwind CSS and MobX-State-Tree | dev.to | 2024-03-28
Familiarity with TypeScript, React and Next.js
-
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.
-
In June 2023, the Angular team raised a new RFC to implement control flow syntaxes within Angular. They gave the following rationale for introducing control flow syntax:
-
Install Node.js (or Bun, or Deno, or whatever JS runtime you prefer) if it's not there
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
Official Website: https://ant.design/
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
We are continuing to make building fullstack websites and application with Analog and Angular as seamless as possible, and extending the Angular ecosystem through integrations with Astro, Nx, [Vitest]https://analogjs.org/docs/features/testing/vitest, Storybook, and more.
-
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.
-
Bun has a solution for it. First of all, it already has a list of trusted dependencies. For them, Bun will execute all necessary scripts by default. Otherwise, you can add it to trustedDependecies in your package.json file. In Bun community usage of trustedDependencies is a hot topic. There are several suggestions on how to improve it.
-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Currently, ChatCraft supports Mermaid rendering. This feature request involves adding support for nomnoml rendering. Nomnoml is similar to Mermaid, in that they're both used in generating uml diagrams.
-
Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
Back: a graphQL server built with Nestjs
-
View on GitHub
-
Strapi
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.
Strapi
-
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.
-
What is Prettier 😎?
-
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.
-
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
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
-
n8n
Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
A startup, "DevOps Solutions" adopts Helm to streamline their Kubernetes deployments. You're a consultant tasked with creating a basic Helm Chart for n8n. It should be customizable for different environments using values.
-
View on GitHub
-
The idea here is to first define an array of field names for each provider. We'll also need a map with more detailed information about each field. This map will contain the field name, label, type, and validation options. We'll use this map to render the form fields and also to validate the form. Finally, we'll have a Form component that will render the form fields based on their type and handle the form submission. We'll use React Hook Form to handle the form state and validation.
-
👉 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/
-
Project mention: ⏰ It’s time to talk about Import Map, Micro Frontend, and Nx Monorepo | dev.to | 2024-03-11
The advent of esbuild, the native support for ES Modules in browsers, the widespread adoption of import map, the emergence of tools like Native Federation, and the Nx ecosystem all combine to forge a flexible and well-maintained Micro Frontend Architecture.
-
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.
TypeScript related posts
- 📊 Obsidian: Nutrition
- Building a Dynamic Job Board with Issues Github, Next.js, Tailwind CSS and MobX-State-Tree
- Build Dynamic Forms with React Hook Form
- End-To-End Polymorphism: From Database to UI, Achieving SOLID Design
- Next.js App Router Course
- ⚛️ Explaining React's Types
- Dittofeed – Efficiency and Deliverability – v0.12.1
-
A note from our sponsor - InfluxDB
www.influxdata.com | 29 Mar 2024
Index
What are some of the best open-source TypeScript projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Visual Studio Code | 157,310 |
2 | TypeScript | 97,451 |
3 | Angular | 94,204 |
4 | deno | 92,681 |
5 | Material UI | 91,272 |
6 | antd | 89,794 |
7 | storybook | 82,506 |
8 | bun | 69,100 |
9 | mermaid | 66,157 |
10 | Nest | 63,607 |
11 | awesome-react | 61,516 |
12 | Strapi | 59,548 |
13 | Ionic Framework | 50,309 |
14 | prettier | 47,979 |
15 | DefinitelyTyped | 46,896 |
16 | react | 43,795 |
17 | 30-Days-Of-JavaScript | 40,691 |
18 | n8n | 39,875 |
19 | type-challenges | 39,610 |
20 | react-hook-form | 39,194 |
21 | vuetify | 38,881 |
22 | Monaco Editor | 37,955 |
23 | esbuild | 37,019 |