Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more! Learn more →
Top 23 TypeScript Web Projects
-
Project mention: Desperately want to make my own game, tripped up on certain integral parts [JS/HTML/CSS] | reddit.com/r/incremental_gamedev | 2023-02-04
One of the first problems I ran into, is that manually manipulating the DOM is error-prone and just not fun to do. So I started looking into tools that can do the job for you. Vue.js, React, Angular, and Svelte are the most popular of such frameworks. I settled on Vue because of personal preferences. Now when my values change, the UI updates automatically.
-
Project mention: LPT: If you find a faster way to do something at your work, keep it a secret from your manager. | reddit.com/r/LifeProTips | 2023-02-08
You could use Nodejs to load the spreadsheet file, an npm library to parse the spreadsheet data, and then a library like Puppeteer to automate the web browser tasks.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic is a completely free and open-source framework built with Angular and Apache Cordova which allows developers to develop an app for three different platforms - iOS, Android, and Windows. It’s used to develop cross-platform mobile applications for seamless mobile performance. Every mobile app developer companies uses this framework to develop a robust and feature-rich native application.
-
Playwright
Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
Project mention: What is the best way to simulate "open an web browser application and login" without having to open 400 browsers to get 400 users online? | reddit.com/r/dotnet | 2023-02-06 -
Appwrite
Secure Backend Server for Web, Mobile & Flutter Developers 🚀 AKA the 100% open-source Firebase alternative.
Project mention: Is it possible to self-host a lambda or lamda-like service | reddit.com/r/aws | 2023-02-03You can self-host Appwrite which has functions https://appwrite.io/
-
expo
An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.
So yes, head to Expo Docs to get started. What I would suggest is do as many projects as you can to get good at it, and make sure to learn something new in every project you make.
-
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
-
Read more about how VMs assume shapes in this thread by Miško (CTO of Builder.io, and creator of Angular and Qwik):
-
Project mention: Setting up users/authentication with mongoDb atlas database | reddit.com/r/mongodb | 2023-02-02
sc2bigjoes has already pointed out that you most likely are confusing database user and application user. If you want some help with implementing authentication and management of app users, maybe https://authjs.dev can be a good starting point.
-
Format.JS
-
Project mention: Why do people curse JS so much, but also say it's better than Python | reddit.com/r/ProgrammerHumor | 2023-01-21
Brain.js: This is a library for training and deploying neural networks in JavaScript. It provides a simple and flexible API for building feedforward and recurrent networks.
-
React Json Schema Form: https://github.com/rjsf-team/react-jsonschema-form
-
Aurelia 1
The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. (by aurelia)
-
amplication
Amplication is an open‑source development tool. It helps you develop quality Node.js applications without spending time on repetitive coding tasks.
Project mention: Amplication in TechCrunch's Top 50 Open-Source Startups in 2022 | dev.to | 2023-02-08GitHub: Give us a star
-
devhub
TweetDeck for GitHub - Filter Issues, Activities & Notifications - Web, Mobile & Desktop with 99% code sharing between them (by devhubapp)
-
The library react-diagrams is very extensive, allowing easy customization of all necessary components styles and behaviors. For example, It were necessary to create custom node and label components to contemplate the desired needs.
-
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. 🌈
-
TheLounge (https://github.com/thelounge/thelounge) - web IRC client that I set to listen on my vpn/mesh. Works great on desktop and mobile, and supports push notifications.
-
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.
Project mention: Create Beautiful Animations by Integrating Particles.js With React | dev.to | 2023-01-25You’re almost done! You just have to configure your particles/objects in order of animation, interaction, direction, opacity, etc. For this illustration, you’ll be using an already preset configuration from the tsparticles repository, but you can always tweak it to your own style or create one from scratch if you’d like.
-
kraken
A web standards-compliant, high-performance rendering engine based on Flutter. (by openkraken)
Project mention: 4th contender: Compile web technologies to flutter | news.ycombinator.com | 2022-06-16 -
FlashList is based on RecyclerListView but has an API similar to FlatList, which makes migration very simple and has many additional features. For example, FlashList provides metrics API, which allows you to measure performance problems and find proper params configuration for your list component. Also, it supports animation with Reanimated and layouts like Masonry.
-
searchkit
Search UI for Elasticsearch. Compatible with Algolia's Instantsearch and Autocomplete components
I think you are probably spending too much of your time on software and too little time on marketing.
When I look at an open-source project, I ask myself three things:
1) What does it do exactly?
2) Is this easy to get started with?
3) Does it have any documentation?
For example, I have a use case for wanting to use graphql to communicate with elasticsearch. I google "graphql + elasticsearch" and somewhere a link to https://www.searchkit.co/ comes up. I look at it and I find my answers within 60 seconds:
1) Top of the page I see "Searchkit is an open source library which helps you build a great search experience with Elasticsearch. Powered by Apollo GraphQL." This makes me think that yeah, it's probably looking to solve a similar problem to me. In case I had any doubts, there's a demo.
2) Yes, easy to get started. There's a big "get started" button at the top of the page. And a get-started-video link at the bottom of the homepage.
3) At a glance, yes, it has decent documentation.
Given that I quickly got answers to these 3 questions, yes, I might consider using this project, or at least trying it out.
When I go to your page, I see:
1) River DB is a Rust connection pool and middleware proxy... ok... why do i need that? What problem is this solving? There's a long paragraph I can read after that, but when i'm browsing the web i don't usually read long paragraphs, so you've lost me already.
2) I have no idea how to get started
3) Doesn't look like there's any docs
Given the above, why would I use your software?
Note that the above has nothing to do with your software quality. But people only care about your code if things are breaking. Marketing material is what gets them in the door. For example, I use React all the time. I have NO IDEA if the underlying code is any good. And I don't really care. What I care about is that it's easy to use.
Anyway, long story short... if you want to build a software business, coding is maybe 30-40% of the job. Marketing, sales, documentation and all that jazz is probably the majority of the work. If you don't want to do that and you just want to code, then great, get a job. People will pay you good money for that.
-
tamperchrome
Tamper Dev is an extension that allows you to intercept and edit HTTP/HTTPS requests and responses as they happen without the need of a proxy. Works across all operating systems (including Chrome OS).
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-02-09.
TypeScript Web related posts
- LPT: If you find a faster way to do something at your work, keep it a secret from your manager.
- Puppeteer in Node.js: Common Mistakes to Avoid
- Use Maps more and Objects less
- How to hide my Selenium browser from WizzAir's detector?
- GENERATE PDF with Puppeteer + Handlebars
- Unknown transactions on my Trezor T
- Solid-JS vs Qwik Developer Experience
-
A note from our sponsor - Appwrite
appwrite.io | 9 Feb 2023
Index
What are some of the best open-source Web projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Angular | 86,136 |
| 2 | puppeteer | 81,784 |
| 3 | Ionic Framework | 48,579 |
| 4 | Playwright | 47,402 |
| 5 | Appwrite | 29,103 |
| 6 | expo | 18,896 |
| 7 | Material Components Web | 16,617 |
| 8 | qwik | 15,118 |
| 9 | next-auth | 14,606 |
| 10 | React Intl | 13,544 |
| 11 | Brain.js | 13,519 |
| 12 | react-jsonschema-form | 12,231 |
| 13 | Aurelia 1 | 11,750 |
| 14 | amplication | 9,293 |
| 15 | devhub | 8,720 |
| 16 | react-diagrams | 7,496 |
| 17 | Quick Start | 6,395 |
| 18 | The Lounge | 4,961 |
| 19 | tsParticles | 4,821 |
| 20 | kraken | 4,788 |
| 21 | recyclerlistview | 4,721 |
| 22 | searchkit | 4,506 |
| 23 | tamperchrome | 4,070 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com