bundle is a quick and easy way to bundle your projects, minify and see it's gzip size. It's an online tool similar to bundlephobia, but bundle does all the bundling locally on you browser and can treeshake and bundle multiple packages (both commonjs and esm) together, all without having to install any npm packages and with typescript support.
If there is something I missed, a mistake, or a feature you would like added please create an issue or a pull request and I'll try to get to it. You can contribute to this project at okikio/bundle.
You can join the discussion on Github discussions or Twitter.
You can now use search queries in bundle, all you need to do is add this to the url
?q={packages}&treeshake={methods to treeshake}
e.g.
You want react
, react-dom
, vue
, and @okikio/animate
, but only want the Animate
and toStr
methods exported from @okikio/animate
.
You would add this to the url bundlejs.com/?q=react,react-dom,vue,@okikio/animate&treeshake=[*],[*],[*],[{Animate,toStr}]
No bundlejs videos yet. You could help us improve this page by suggesting one.
Based on our record, Pusher should be more popular than bundlejs. It has been mentiond 55 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
In this tutorial, you’ll create a Next.js project with TailwindCSS and build custom authentication pages for Clerk without the watermark. This means you’ll create a custom Clerk authentication component, allowing you to have a UI without the Clerk branding in the authentication component. You’ll then set up file uploads using Uploadcare and create custom theming with Shadcn UI for light and dark modes. A real-time... - Source: dev.to / 4 months ago
When talking about general IM applications, having the ability to speak to someone in real-time opens up the door to so many unique possibilities. Our world has become ever more connected as a result of these newfound capabilities. In todays article we will learn all about messaging as we build a real-time messaging application. The application will be able to connect to two different real-time application... - Source: dev.to / 9 months ago
For real-time notifications, Pusher’s APIs allow you to implement in-app notifications, chat features, and collaboration tools easily. You can find it here. - Source: dev.to / 9 months ago
Pusher is a cloud-hosted service that makes adding real-time functionality to applications easy. It acts as a real-time communication layer between servers and clients. This allows your backend server to instantly broadcast new data via Pusher to your Vue.js client. - Source: dev.to / 10 months ago
Feature request received! Pusher as in this thing -- https://pusher.com/ right? Any other places you want to push to? Slack? - Source: Hacker News / 11 months ago
These numbers don't reflect anything useful. This is the total size of the code in the package, most of which will be tree-shaken. In Zod's case, the package now contains three independent sub-libraries. I recommend plugging a script into bundlejs.com[0] to see bundle size numbers for a particular script [0] https://bundlejs.com. - Source: Hacker News / 29 days ago
[bundlejs](https://bundlejs.com/) is the better alternative to check your dependency sizes with. - Source: Hacker News / 3 months ago
I was closing out some long lived issues over on bundlejs, when issue #50 reminded me of the ongoing debate about how bundlejs should handle the ESM and CJS packages. - Source: dev.to / almost 2 years ago
Still, I'm not really sure about its dependencies: it lists react and @tanstack/react-query (as opposed to @tanstack/query-core) and bundlejs reports 124KB gzipped. Also, while using it, you still need to refer to their react docs (that documentation is really good and has a lot of examples) but not everyone will be thrilled about checking a react documentation when they're using an angular package. Source: almost 2 years ago
It's somewhere in between. React as a lib and architecture _is_ platform-agnostic. The core logic is defined in the `react-reconciler` package. It contains all the implementation of rendering components, diffing trees, managing state, and running effects, as well as all the "Suspense" implementation. However, the way `react-reconciler` works is that it's built _into_ each platform-specific renderer... - Source: Hacker News / almost 2 years ago
Socket.io - Realtime application framework (Node.JS server)
BundlePhobia - Find the performance impact of adding a npm package to your bundle.
Firebase - Firebase is a cloud service designed to power real-time, collaborative applications for mobile and web.
Webpack - Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
PubNub - PubNub is a real-time messaging system for web and mobile apps that can handle API for all platforms and push messages to any device anywhere in the world in a fraction of a second without having to worry about proxies, firewalls or mobile drop-offs.
esbuild - An extremely fast JavaScript bundler and minifier