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}]
Based on our record, Mochajs seems to be a lot more popular than bundlejs. While we know about 104 links to Mochajs, we've tracked only 8 mentions of bundlejs. 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 article, we explore logging best practices that are largely tool-agnostic, but we'll demonstrate them using PactumJS, a powerful and extensible API testing tool, along with Mocha, a popular JavaScript test framework. For logging, we’ll use Pino, one of the fastest and most reliable structured loggers for Node.js. - Source: dev.to / about 1 month ago
Popular frameworks like Jest, Mocha, or JUnit provide everything you need for effective webhook unit testing, with mocking capabilities that let you simulate external dependencies. - Source: dev.to / about 2 months ago
Large-scale changes to fix a bug often introduce unintended side effects, making incremental fixes a safer approach. Robbin Schuchmann, Co-Founder of EOR Overview, advises, “Applying fixes incrementally is the most reliable way to correct bugs in applications.” By adjusting one variable or function at a time and validating each change with tools like pytest or Mocha, developers ensure fixes are effective without... - Source: dev.to / about 2 months ago
Mocha is a versatile JavaScript testing framework that integrates smoothly with both Node.js and web browsers. It is highly flexible and supports asynchronous testing, making it an excellent choice for applications that require extensive control over the testing environment. Mocha doesn’t include an assertion library but integrates well with popular libraries like Chai and Sinon for assertions and mocks.... - Source: dev.to / 3 months ago
Which third-party libraries will we need: Today, there are many libraries such as Mocha and others that allow users to test code. - Source: dev.to / 3 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 / 27 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
jQuery - The Write Less, Do More, JavaScript Library.
BundlePhobia - Find the performance impact of adding a npm package to your bundle.
React Native - A framework for building native apps with React
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.
Babel - Babel is a compiler for writing next generation JavaScript.
esbuild - An extremely fast JavaScript bundler and minifier