BundlePhobia Reviews and details

Social recommendations and mentions

• 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 / 6 months 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 / 7 months 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: 8 months 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 / 12 months 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 / about 1 year 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: about 1 year 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 1 year 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 1 year 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 / over 1 year 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: over 1 year 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 / over 1 year 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: over 1 year 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 / over 1 year 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 / over 1 year 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 / over 1 year 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 / over 1 year ago

• What Is Bundlephobia?

  Bundlephobia On this web you can search any npm package and see how much size it takes on your bundle, or you can your package.json to view the overall size. Source: over 1 year ago

• Trim the fat: tips for keeping bundle size small 🏋️

  Beyond this, take a hard look at your dependencies and decide if you really need all the features they provide. Even small packages can stack up over time. Tools like bundlephobia are helpful for finding smaller alternatives to a library with a similar API. - Source: dev.to / almost 2 years ago

• What are the free tools in your web development workflow that not many people know about?

  Bundle phobia: It's a tool for calculating the size of NPM packages. Source: almost 2 years ago

• Too many packages?

  My go-to packages are lodash and stuff for datepickers or autocompleters as those would take to much time to build. Other then that try to use as little as you really need and use tools like https://bundlephobia.com/. Source: about 2 years ago

• 🚀 10 Awesome Websites for devs in 2022 ️

  Find the cost of adding a npm package to your bundle. - Source: dev.to / about 2 years ago