CodeSandbox
CodePen
replit
JSFiddle
StackBlitz
GitHub
VS Code
JS Bin
bundlejs
BundlePhobia
Webpack
esbuild
2016 JavaScript Rising Stars
Simplified JavaScript Jargon
Paper Programs
State of Software Development 2019
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}]
CodeSandbox bundlejsNo bundlejs videos yet. You could help us improve this page by suggesting one.
Based on our record, CodeSandbox seems to be a lot more popular than bundlejs. While we know about 310 links to CodeSandbox, we've tracked only 7 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.
CodeSandbox Examples: Check out CodeSandbox for live projects using Shadcn UI. It’s a great way to see the toolkit in action. - Source: dev.to / about 2 months ago
I am thankful for a platform like CodeSandbox because it allows me to offload majority of the processing power and memory resources to the cloud. With a local VS Code installed, I can tunnel in via a remote connection to work on my projects, tinker, or do a deep-dive on certain topics; all while ensuring that the RPi 4 still has sufficient resources left to run other things in the background. - Source: dev.to / about 2 months ago
To create a new React JS environment in CodeSandbox. Similar domains include js.new, vue.new, etc.,. - Source: dev.to / 3 months ago
I have, it's called Visual Studio Code and I ditched my old native editor(s) for it. I'd even suggest that the fact that it's JS based has significantly changed the tech world because the editor itself will run in a browser so it's here https://godbolt.org/ , and here https://codesandbox.io, and here https://www.postman.com/, and here https://aws.amazon.com/pm/cloud9/ and 100s or 1000s of other sites. - Source: Hacker News / 4 months ago
CodeSandbox for web-first collaborative projects. - Source: dev.to / 5 months ago
[bundlejs](https://bundlejs.com/) is the better alternative to check your dependency sizes with. - Source: Hacker News / about 2 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
React Hook Form has no dependencies and a small bundle size. It has a gzipped bundle size of 12.12KB, according to bundlejs. - Source: dev.to / over 2 years ago
CodePen - A front end web development playground.
BundlePhobia - Find the performance impact of adding a npm package to your bundle.
replit - Code, create, andlearn together. Use our free, collaborative, in-browser IDE to code in 50+ languages — without spending a second on setup.
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.
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
esbuild - An extremely fast JavaScript bundler and minifier