Frontend Masters
Codecademy
Egghead
GitHub Student Developer Pack
Free Code Camp
Treehouse
Scrimba
Pluralsight
bundlejs
BundlePhobia
esbuild
Webpack
rollup.js
Gulp.js
Vite
Vitest
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}]
Frontend Masters
bundlejsNo bundlejs videos yet. You could help us improve this page by suggesting one.
Based on our record, Frontend Masters should be more popular than bundlejs. It has been mentiond 94 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 my quest to deep dive into the building blocks of Frontend Engineering, I recently took a course on Frontend Masters titled Vanilla JavaScript: You might not need a Framework by Maximiliano Firtman on Frontend Masters. It's a cool course that you should totally check out. - Source: dev.to / 12 months ago
Frontend Masters Top-tier courses, especially for advanced frontend and JS. - Source: dev.to / over 1 year ago
Frontend Masters offers several React courses that, while not game-specific, provide deep dives into animation, state management, and performance optimization—all critical for game development. - Source: dev.to / over 1 year ago
For those seeking deeper, more comprehensive training, Frontend Masters offers professional-grade courses taught by industry experts and open-source maintainers. - Source: dev.to / over 1 year ago
I'm in a coding session with a recruiter soon to show off my front-end skills. The truth is, I haven't coded front-end in a while and am out of date with industry best practices. What's a good way to as quickly as possible relearn this? I have about 4 years of software dev experience, mostly back-end. In my first year it was mostly front-end (in React). I was wondering if something like [1] would help. But I just... - Source: Hacker News / over 2 years ago
I think a neat route would be to use this as an authoring plugin in VS Code, like prettier: write Duper (or JSON5, or whatever), and then downlevel it to regular json automatically when pressing cmd-s. You wouldn't get to keep your comments (or they could be transformed to { "//": "comment text" }). Outside of that, it's tough to compete with JSON in the "human readable unschematized serialization format" market,... - Source: Hacker News / 10 months ago
React's bundling system and published packages has gotten noticeably more complicated over time. First, there's the separation between the generic cross-platform `react` package, and the platform-specific reconcilers like `react-dom` and `react-native. All the actual "React" logic is built into the reconciler packages (ie, each contains a complete copy of the actual `react-reconciler` package + all the... - 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 / over 1 year ago
[bundlejs](https://bundlejs.com/) is the better alternative to check your dependency sizes with. - Source: Hacker News / over 1 year 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 / about 3 years ago
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.
BundlePhobia - Find the performance impact of adding a npm package to your bundle.
Egghead - Learn the best JavaScript tools and frameworks from industry pros. Video tutorials for badass web developers.
esbuild - An extremely fast JavaScript bundler and minifier
GitHub Student Developer Pack - The best developer tools, free for students.
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.