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. Learn more →
Top 23 JavaScript Web Projects
-
webpack
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Project mention: I need a crash course in JavaScript project structure | reddit.com/r/learnjavascript | 2023-01-30A bundler like webpack is usually being used where npm is involved in order to generate a single .js file from all of the imports / exports - and you can usually see the start commands under "scripts" in the package.json - the webpack configuration itself will usually be under a webpack.config.js in the root directory. The bundle is usually placed in a /dist/ folder, and convention is to place all non-configuration code in an adjacent /src/ folder.
-
Project mention: Do you guys create a separate css page for each html file(page)? | reddit.com/r/learnprogramming | 2023-01-09
Webpack is just fine, but it can be very complex and tends to have a high learning curve. Tools like parcel and rollup do more or less the same thing as webpack, but they're much easier to learn, tend to be more forgiving, and require a lot less boilerplate setup to get up and running.
-
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!
-
Project mention: How to store your app's entire state in the url | news.ycombinator.com | 2023-01-09
Here's the non-psuedo code equivalent that can leverage CompressionStream rather than using a browserified-gzip-library: https://github.com/GoogleChrome/lighthouse/blob/437eb4d757c5...
We use it in Lighthouse for the exact same purpose, a URL #hash full of state. We found that modern browsers support 10mb of data in the hash. https://github.com/GoogleChrome/lighthouse/pull/12509#discus...
-
Project mention: Espresso.js – minimal React alternative – is now a decade old | news.ycombinator.com | 2022-10-05
The likely reason it never caught on, is that it has similar pitfalls as Backbone:
- manually attaching DOM elements to view controllers
- manually attaching child views
- models which have to be wired individually via .listenTo
- possibility of infinite loops if the events accidentally recurse
A better tiny alternative would be hyperapp[1] or even Preact, that has a similar bundle size.
-
Project mention: Professor of law, Bruce Pardy on Trudeau's upcoming internet censorship in 2023. | reddit.com/r/Canada_sub | 2023-01-11
Nothing can be censored here. Nothing. https://zeronet.io. read that again. Nothing can be censored because it is 100% decentralized, that is the opposite of centralized power.
-
Another option is to add a third-party physics library such as Matter.js, although setting up and integrating the physics library can be tricky. If you need physics in your game, especially more complex physics effects, Phaser is a better choice.
-
Project mention: what monitoring tool would you recommend to monitor a linux machine used as server? | reddit.com/r/selfhosted | 2022-04-28
I use https://github.com/afaqurk/linux-dash
-
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.
-
Project mention: Ask HN: Use phone to check status of currently running process on laptop | news.ycombinator.com | 2022-08-16
-
Full-text search is powered by FlexSearch and Nextra will index all of your pages at build time ⚡.
-
protoc-gen-grpc-web — a plugin that allows our front end to communicate with the backend using gRPC calls. A separate blog post on this coming up in the future.
-
Project mention: Ask HN: Those making $0/month or less on side projects – Show and tell | news.ycombinator.com | 2023-01-27
it sounds a lot like you're reinventing what Beaker Browser had built on top of DAT, except that it could do more. For example, they made a distributed Twitter clone as a proof of concept, but folks actually started using it. Definitely included blogging stuff.
Really cool stuff around taking sites and things other folks had built and using them as a basis for your new thing.
-
-
Project mention: Riffr - Create Photo Montages in the Browser with some ML Magic✨ | dev.to | 2022-12-08
Important APIs - ml5 for in-browser detection, face-api that uses tensorflow-node to accelerate on-server detection. VueUse for a bunch of useful component tools like the QR Code generator. Yahoo's Gifshot for creating gif files in-browser etc.
-
browser-fingerprinting
Analysis of Bot Protection systems with available countermeasures 🚿. How to defeat anti-bot system 👻 and get around browser fingerprinting scripts 🕵️♂️ when scraping the web?
So he here is a link to the original, true Github repo, so at least the author might get reimbursed via his affiliation links and get rightfully paid rather than just plagiarized by other proxy blogs - https://github.com/niespodd/browser-fingerprinting
-
We tried to use next-offline and next-pwa, but we were only able to precache the static assets.
-
serialize-javascript
Serialize JavaScript to a superset of JSON that includes regular expressions and functions.
Project mention: Trying and failing to implement react redux persistence | reddit.com/r/gatsbyjs | 2022-02-19 and this is my config for the plugin: { resolve:gatsby-plugin-react-redux-persist, options: { // [required] - path to your createStore module pathToCreateStoreModule: './src/store', // [optional] - options passed toserialize-javascript // info: https://github.com/yahoo/serialize-javascript#options // will be merged with these defaults: serialize: { space: 0, // ifisJSONis set tofalse,evalis used to deserialize redux state, // otherwiseJSON.parseis used isJSON: true, unsafe: false, ignoreFunction: true, }, // [optional] - if true will clean up after itself on the client, default: cleanupOnClient: true, // [optional] - name of key onwindowwhere serialized state will be stored, default: windowKey: '__PRELOADED_STATE__', }, },
-
jeelizFaceFilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
Ikr! That's what I was thinking when I came across Jeeliz. Now I have worked with tensorflow.js based libraries in the past but they're usually quite CPU intensive for a live video use case. Jeeliz looked promising as it's designed for this use case. So I thought why not try it out by adding some 3d AR filters to our video calls. Well! that is what we're going to do.
-
Discord-MusicBot
An advanced discord music bot, supports Spotify, Soundcloud, YouTube with Shuffling, Volume Control and Web Dashboard with Slash Commands support!
Project mention: Any discord bots that can play music from youtube? | reddit.com/r/Discord_Bots | 2022-10-10https://github.com/SudhanPlayz/Discord-MusicBot if you follow the tutorial for how to add this to replit, its feature rich, fast, free and only took me 30 minutes to set up earlier tonight msg me if you have questions
-
Project mention: Importing CSS files in Isomorphic React Components | reddit.com/r/codehunter | 2022-03-15
Html.jsx - My HTML jsx component that tries to import/require the CSS. This is an isomorphic app (using Fluxbile), hence needing to have the actual HTML as a rendered component. Using the require statement seen in this file, in any part of my application, gives the error described.
-
git clone https://github.com/toss/slash.git
-
-
-
-
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.
JavaScript Web related posts
- TMP Migration to FF MV2
- HELP/ Thoughts on my 1st time PC build and owner, for gaming? Thanks
- What is the Total.js Plaform?
- does VR game "Moon Rider" have its own page or fan-group anywhere?
- Reactivity without Virtual DOM! Potentially faster reactivity than using Virtual DOM! Beta test!
- Optimal Images in HTML
- Updated RAM OC Chart with more data and better visibility
-
A note from our sponsor - InfluxDB
www.influxdata.com | 3 Feb 2023
Index
What are some of the best open-source Web projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | webpack | 62,449 |
2 | parcel | 41,938 |
3 | lighthouse | 25,959 |
4 | hyperapp | 18,908 |
5 | ZeroNet | 17,783 |
6 | matter-js | 14,189 |
7 | Dash | 10,077 |
8 | AriaNg | 9,899 |
9 | flexsearch | 9,495 |
10 | grpc-web | 7,283 |
11 | beaker | 6,642 |
12 | Node.js framework | 4,170 |
13 | gifshot | 3,940 |
14 | browser-fingerprinting | 3,272 |
15 | next-pwa | 2,787 |
16 | serialize-javascript | 2,647 |
17 | jeelizFaceFilter | 2,330 |
18 | Discord-MusicBot | 2,196 |
19 | fluxible | 1,811 |
20 | slash | 1,809 |
21 | superfine | 1,558 |
22 | loki | 1,548 |
23 | web2img | 1,243 |