pretty-bytes
bundlejs
pretty-bytes | bundlejs | |
---|---|---|
2 | 32 | |
1,072 | 711 | |
- | - | |
3.1 | 6.8 | |
10 months ago | 3 months ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
pretty-bytes
-
NPM Needs: pretty-bytes
Github Repo: sindresorhus/pretty-bytes
-
Major updates for bundle.js.org v0.0.3
I used monaco-editor for the code-editor, esbuild and rollup as bundler and treeshaker respectively, pako as a js port of the zlib and gzip libraries, pretty-bytes to convert the gzip size to human readable values, and countapi-js to keep track of the number of page visits, in a private and secure way.
bundlejs
- Bundlejs: Package Bundle Size Checker
-
200 Web-Based, Must-Try Web Design and Development Tools
Package Size Checker
-
ESM & CJS: The subtle shift in bundlejs' behaviour
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.
-
TANStack Query
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.
-
Jest not recommended to be used in Node.js due to instanceOf operator issues
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 implementation. So, the size of `react-dom` is actually the size of `react-reconciler` + all the DOM-specific behavior.
A quick check of https://bundlejs.com/?q=react-reconciler suggests it's about 100K minified. https://bundlejs.com/?q=react-dom is 138K, so that tells me that the DOM-specific logic is 38K.
-
React Hook Form vs Formik
React Hook Form has no dependencies and a small bundle size. It has a gzipped bundle size of 12.12KB, according to bundlejs.
-
What are some of the best new tools of 2022!?
These are shameless plugs, but https://bundlejs.com and https://inthistweet.app. I built both tools specifically because I didn't find any other tools that solved the problems I kept running into.
-
How much space do packages end up taking in production build?
Try https://bundlejs.com/ to see
-
bundlejs: An online esbuild-based bundler + npm package size checker
bundlejs (pronounced bundle js) is a quick and easy way to treeshake, bundle, minify, and compress (in either gzip or brotli) your typescript, javascript, jsx and npm projects, while receiving the total bundles' file size.
-
Beginner's Thread / Easy Questions (May 2022)
Don't know of any but was going thru Adam Wathan's twits and replies. Found, https://github.com/okikio/bundle Looks medium sized.
What are some alternatives?
pretty-ms - Convert milliseconds to a human readable string: `1337000000` → `15d 11h 23m 20s`
ponyfill - 🦄 Like polyfill but with pony pureness
humanize - A JS library for adding a “human touch” to data.
esbuild-runner - ⚡️ Super-fast on-the-fly transpilation of modern JS, TypeScript and JSX using esbuild
ms.js - Tiny millisecond conversion utility
bundlesize - Keep your bundle size in check
read-art - Scrape/Crawl article from any site automatically. Make any web page readable, no matter Chinese or English.
tslib - Runtime library for TypeScript helpers.
pretty-error - See node.js errors with less clutter
sharedworker - A small spec. compliant polyfill for SharedWorkers, it acts as a drop in replacement for normal Workers.
pako - high speed zlib port to javascript, works in browser & node.js
Microbundle - 📦 Zero-configuration bundler for tiny modules.