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}]
Codewars is recommended for beginner to advanced programmers who enjoy learning through practice and are interested in improving their algorithmic thinking and coding skills in a gamified environment. It is particularly beneficial for those preparing for coding interviews or seeking to reinforce their programming knowledge in a fun and interactive way.
No bundlejs videos yet. You could help us improve this page by suggesting one.
Based on our record, Codewars seems to be a lot more popular than bundlejs. While we know about 160 links to Codewars, 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.
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 / 23 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
Recently, I was working on a coding kata on codewars.com. Early on, I started thinking that a potential solution might utilize recursion, a concept that involves a function calling itself. However, I quickly realized that my grasp of recursion was not as solid as it needed to be for this task. In this post, I will share the insights gained from deepening my understanding of recursion while working through the kata. - Source: dev.to / over 1 year ago
Get more involved. Look into internships and junior SWE positions to get a sample of what you'd be applying for once you graduate. Solve coding challenges, start working on a portfolio of your personal works. I recommend codewars.com for coding challenges, it's fun. Source: over 1 year ago
I'd recommend to play around with some basic coding challenges on leetcode.com or codewars.com. If the course prepared you well you won't find this useful, but playing around with them will make sure that you are comfortable with basics such as loops, if statements etc. Source: almost 2 years ago
I would advise for you to start with Python, it's a beginner-friendly programming language and it'll help with wrapping your mind around things. Play around with it, perhaps do some katas on CodeWars and you'll be set. Source: almost 2 years ago
There is a website called codewars.com where you can select problems of varying difficulty for the language you need. It is very helpful for learning. Source: almost 2 years ago
BundlePhobia - Find the performance impact of adding a npm package to your bundle.
Codecademy - Learn the technical skills you need for the job you want. As leaders in online education and learning to code, we’ve taught over 45 million people using a tested curriculum and an interactive learning environment.
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.
Exercism - Download and solve practice problems in over 30 different languages.
esbuild - An extremely fast JavaScript bundler and minifier
LeetCode - Practice and level up your development skills and prepare for technical interviews.