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 Web 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.
-
Playwright
Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
-
expo
An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.
-
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.
-
amplication
🔥🔥🔥 Open-source backend development platform. Build production-ready services without wasting time on repetitive coding.
-
Aurelia 1
The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. (by aurelia)
-
devhub
TweetDeck for GitHub - Filter Issues, Activities & Notifications - Web, Mobile & Desktop with 99% code sharing between them (by devhubapp)
-
Quick Start
🍔 A Node.js Serverless Framework for front-end/full-stack developers. Build the application for next decade. Works on AWS, Alibaba Cloud, Tencent Cloud and traditional VM/Container. Super easy integrate with React and Vue. 🌈
-
tsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
-
kraken
A web standards-compliant, high-performance rendering engine based on Flutter. (by openkraken)
-
searchkit
Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support
-
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.
1.Puppeteer: Puppeteer is a Node library that provides a high-level API to control headless Chrome or Chromium using the DevTools Protocol. Key Features: More control over Chrome. Enables web scraping. Allows taking screenshots and generating PDFs for UI testing. Measures load times through the Chrome Performance Analysis tool
In this tutorial, our main focus will be on Playwright web scraping. So what is Playwright? It’s a handy framework created by Microsoft. It's known for making web interactions more streamlined and works reliably with all the latest browsers like WebKit, Chromium, and Firefox. You can also run tests in headless or headed mode and emulate native mobile environments like Google Chrome for Android and Mobile Safari.
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 I use Appwrite Databases with Pinia to build my own habit tracker | dev.to | 2024-04-14If you haven't tried Appwrite, make sure you give it a spin. It's a open source backend that packs authentication, databases, storage, serverless functions, and all kinds of utilities in a neat API. Appwrite can be self-hosted, or you can use Appwrite Cloud starting with a generous free plan.
Project mention: Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda | dev.to | 2024-04-15NextAuth.js is not perfect. One of the shortcomings is that it currently does not implement federated logout. This means that even if a user signs out of the Next.js app, he does NOT get signed out of the Cognito user pool client. As a consequence, the user is not really being logged out (i.e he is able to login again without providing the credentials). You can read more about this problem in this Github thread.
Project mention: Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI | dev.to | 2024-04-05Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
https://github.com/firebase/firebase-ios-sdk/issues/6115
https://github.com/material-components/material-components-w...
Two examples that come to mind but there are plenty
Project mention: JavaScript Libraries for Implementing Trendy Technologies in Web Apps in 2024 | dev.to | 2024-04-09Brain.js
Project mention: Big Numbers, No Worries: JavaScript Format Number With Commas | dev.to | 2024-03-23You can use a third-party library, which is a bunch of code that someone else wrote for you. Many awesome third-party libraries can format numbers with commas in JavaScript. For example, you can try Numeral.js, Accounting.js, or Format.js.
Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08I've been very passionate about a project called react-jsonschema-form (github, editor). I personally hate writing forms, and love the idea of serializable components, schema, validation all in one. I've always wanted an alternative to this project that offered an alternative to react, and possibly the ability to render a schema form to static HTML (like ssg).
Project mention: Creating a Restaurant Finder Application Using ReactJS and Amplication | dev.to | 2024-01-14Go to https://amplication.com.
Project mention: Web Components e a minha opinião sobre o futuro das libs front-end | dev.to | 2024-04-04
Project mention: react-diagrams VS rete - a user suggested alternative | libhunt.com/r/react-diagrams | 2023-06-09
IRC as a protocol is indeed incredibly simple and easy to get started with. Years ago did discover this when I was able to make [this atrocity](https://github.com/creesch/discordIRCd) bridging IRC and discord where for IRC I effectively did a simple server implementation.
There is a caveat, though. Like many older protocols (ftp) there is a lot that was not initially written down or left up to clients and server implementations. This, does lead to a lot of edge cases you need to be aware of once you want to actually support a wider user group.
Also, as this is apparently is still a discussion. IRC is not simple from a modern user UX perception. Registration can be complex and confusing, though hidden a bit through clients. Managing channels with various flags is a whole other thing. Then there is also the fact that these days people are no longer used to the fact that they can't see messages from periods where they were not connected. Of course, the latter can be easily handled by a BNC or fancy clients like https://thelounge.chat . But, that is only easy for technically inclined folks.
Project mention: React native expo chat ui problem-flatlist frames dropping and scroll lag issue | /r/reactnative | 2023-06-13You could try a Recycler list view https://github.com/Flipkart/recyclerlistview . I personally haven’t used it but I’ve heard a lot of good things about it
Project mention: It probably has been done before. No shame on chrumium, it's good browser, but come one people, skins are not separate browsers | /r/linuxmasterrace | 2023-06-05There's also stuff like Kraken, whatever SerenityOS is doing for its web browser and what I hope takes over very soon - Servo.
Project mention: Autocomplete – a JavaScript library for building autocomplete experiences | news.ycombinator.com | 2023-06-07https://github.com/searchkit/searchkit is an instantsearch adapter for elasticsearch / opensearch
TypeScript Web related posts
- Episode 24/15: Wiz behind the curtain, Copilot in VSCode
- How to Implement Rate Limiting in Express for Node.js
- Supabase – General Availability Week
- Always unsubscribe. No exceptions. Debate closed.
- Show HN: Floro – Visual Version Control for static assets and strings
- Angular Signals: Best Practices
- Write OpenAPI with TypeSpec
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Apr 2024
Index
What are some of the best open-source Web projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Angular | 94,397 |
2 | puppeteer | 86,704 |
3 | Playwright | 61,381 |
4 | Ionic Framework | 50,386 |
5 | Appwrite | 40,869 |
6 | expo | 28,766 |
7 | next-auth | 22,041 |
8 | qwik | 20,147 |
9 | Material Components Web | 17,075 |
10 | Brain.js | 14,177 |
11 | React Intl | 14,052 |
12 | react-jsonschema-form | 13,611 |
13 | amplication | 13,308 |
14 | Aurelia 1 | 11,749 |
15 | devhub | 9,513 |
16 | material-web | 8,568 |
17 | react-diagrams | 8,323 |
18 | Quick Start | 7,150 |
19 | tsParticles | 6,962 |
20 | The Lounge | 5,391 |
21 | recyclerlistview | 5,120 |
22 | kraken | 4,913 |
23 | searchkit | 4,710 |