BundlePhobia Reviews and Details

Is BundlePhobia good?

Social recommendations and mentions

• The hidden costs in your pacakge.json

  We can use bundlephobia.com to quickly check the ‘cost’ of adding a npm library to your bundle. Upon checking, it tells us moment.js clocks in at around 300KB, while date-fns is a much leaner 77KB:. - Source: dev.to / 3 months ago

• 22 Unique Developer Resources You Should Explore

  URL: https://bundlephobia.com What it does: Analyze npm packages for size and performance impact. Why it's great: Helps you avoid bloated dependencies and keep your app lean. - Source: dev.to / 9 months ago

• 17 Tips from a Senior React Developer

  Use bundlephobia to check package size before adding it to your project. - Source: dev.to / 9 months ago

• Techniques to Optimize a NextJS Website

  Another tool is **BundlePhobia. **It allows you to check the size of any package, decide if it’s too heavy, and maybe use an alternative. - Source: dev.to / about 1 year ago

• How We Went from 46 to 99 Performance Score to Improve Our Website Speed

  There are some handy tools for identifying and addressing problematic bundles. One of them, Bundlephobia, gives insights into how much an NPM package contributes to bundle size, helping avoid too large collections of files. Import Cost, a VSCode Extension, calculates the 'cost' of imported packages, helping to make informed decisions. As part of our optimization strategy, we've swapped out hefty JS libraries, such... - Source: dev.to / over 1 year ago

• JavaScript Habits That Grind My Gears

  So, before adding a dependency to your projects, ask yourself if you truly need it and check how much a package weighs. If you would like to go through cleaning up process, I wrote an article on optimizing Next.js bundle size on my private blog. - Source: dev.to / almost 2 years ago

• 3 online tools to use for selecting a future-proof NPM library for frontend and Nodejs projects

  🔴 https://bundlephobia.com/ - estimate a footprint, basically how many Kb will be added to your bundle when you add this dependency to your project. Those may differ a lot, try comparing say - dayjs vs momentjs ;. - Source: dev.to / about 2 years ago

• Tiptap vs remirror installation sizes

  I have phobia of dependencies and package sizes, so tiptap is 62KB and remirror is 150KB. Not much difference, since difference is no in MB's. Source: about 2 years ago

• Add stepper components to your React app

  External packages increase your app bundle size (you can calculate this using BundlePhobia), so adding a third-party package for every development requirement isn’t always a good choice. Also, third-party packages may not completely fulfill your design requirements and may bring features that you don’t even use. Writing your own stepper component is also an option by including only the required features. - Source: dev.to / over 2 years ago

• Selecting the Right Dependencies: A Comprehensive Practical Guide

  For web projects, there is a great tool to determine package sizes: Bundlephobia. Of course, server-side rendering and tree shaking might reduce the size, but this needs to be always verified. - Source: dev.to / over 2 years ago

• What is your must have npm package on any given project?

  Bundlephobia is not a package but it extremely useful when evaluating package bundle sizes. Source: over 2 years ago

• What is the best website that you have seen that not many people know about?

  BundlePhobia lets you see the cost of adding different libraries to your program. Source: over 2 years ago

• import-cost.nvim: import costs finally to neovim!

  I have one question though (but maybe I don't understand how it works but...) would it be different if size was fetched from something like https://bundlephobia.com/ instead ? Source: over 2 years ago

• Why we ditched GraphQL for tRPC

  Let’s compare the client-side dependencies needed for both approaches. These numbers were calculated by putting the packages through bundlephobia.com and tracking the “minified + gzip” sizes. - Source: dev.to / almost 3 years ago

• Introducing npm.one, a better and safer web-client for NPM registry. NPM download count, related packages, GitHub metadata, bundle size, popularity & activity indicators, all in one place.

  Making it easier by showing you all the relevant information about a package on the same page. We aggregate and show all the essential information about the packages from these sources: https://npmjs.org, https://github.com, https://npmtrends.com, and https://bundlephobia.com. Source: almost 3 years ago

• Aiming for LightHouse high score with services built with React+NextJS.

  I used bundlephobia to scan package.json. It also gives me an estimate of how long it takes to load in a 2G or 3G environment. - Source: dev.to / almost 3 years ago

• Anyone using petite-vue?

  Break down your output to see a pie-chart view of what is taking up all the space Normal: Vue: 94.6 kb Vue-Router: 33.6 kb Pinia: 21 kb @vue-use/core: 126.4 kb Total: 275.6 kb (75.6 kb over budget) G-Zip: Vue: 33.9 kb Vue-Router: 12.3 kb Pinia: 7.5 kb @vueuse/core: 38 kb Total: 91.7 kb (108.3 kb of space for your app code) These breakdowns are assuming you are packaging the entire library, when hopefully... Source: almost 3 years ago

• I tried React Context, Redux and Zustand stores in the same app

  Zustand. This is what bundlephobia shows us about it. - Source: dev.to / almost 3 years ago

• The Environmental Impact of Digital Technology and How Software Eco-Design Can Help

  Bundlephobia to check the size of the NPM dependencies you want to add to your project, and their download time. - Source: dev.to / almost 3 years ago

• How to choose the right NPM package in 4 steps 📦

  To create this table I used bundlephobia, npmtrends, snyk, github projects page. - Source: dev.to / almost 3 years ago

• Day.js Fast 2kB alternative to Moment.js with the same modern API

  You can find small alternative with https://bundlephobia.com/. - Source: Hacker News / almost 3 years ago