bundlejs
esbuild-runner
Our great sponsors
bundlejs | esbuild-runner | |
---|---|---|
32 | 2 | |
707 | 700 | |
- | - | |
6.8 | 0.0 | |
2 months ago | 6 days ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
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.
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.
esbuild-runner
-
Testing in typescript.
You can then use esbuild-runner to allow you to run tests written in TS. This will also work for any other test runner (mocha, tape, uvu, etc). Jest requires a bit more fiddling, as per usual. An alternative is running tests via TS-node, but it's little a bit slower.
-
n00b question
via ESbuild https://github.com/folke/esbuild-runner
What are some alternatives?
ponyfill - 🦄 Like polyfill but with pony pureness
ts-node - TypeScript execution and REPL for node.js
bundlesize - Keep your bundle size in check
mocha-esbuild - Run tests with mocha compiled by esbuild
tslib - Runtime library for TypeScript helpers.
TS-ESNode - Node.JS Loader hook to transform typescript source and files as node loads them TS-ESNode. TS-Node for ESNext & ESModule Node.JS.
sharedworker - A small spec. compliant polyfill for SharedWorkers, it acts as a drop in replacement for normal Workers.
tsx - ⚡️ TypeScript Execute: Node.js enhanced to run TypeScript & ESM
pretty-bytes - Convert bytes to a human readable string: 1337 → 1.34 kB
esbuild-node-tsc - Build your Typescript Node.js projects using blazing fast esbuild
Microbundle - 📦 Zero-configuration bundler for tiny modules.
estrella - Lightweight and versatile build tool based on the esbuild compiler