bundlejs
Refine
bundlejs | Refine | |
---|---|---|
32 | 201 | |
710 | 24,853 | |
- | 5.2% | |
6.8 | 9.9 | |
3 months ago | about 13 hours ago | |
TypeScript | 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.
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.
Refine
- Synch vs. Async Programming
- CSS Rounded Corners Examples
-
Launch HN: Creo (YC W24) β Build Internal Tools with React/NextJS
We currently using https://refine.dev/ with NextJS and Material UI for a CRUD type project. How would you compare yourself to Refine?
- 10 Methods for Vertical Alignment Using CSS
- Kubectl Scale - DevOps Guide
- Introduction to Chakra UI
- The Basics of Kubernetes CronJob
- Swiper.js Tutorial
- GraphQL vs REST - Key Differences and Use Cases
- Exit Code 137 - Kubernetes
What are some alternatives?
ponyfill - π¦ Like polyfill but with pony pureness
react-admin - A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design
esbuild-runner - β‘οΈ Super-fast on-the-fly transpilation of modern JS, TypeScript and JSX using esbuild
Next.js - The React Framework
bundlesize - Keep your bundle size in check
AdminJS - AdminJS is an admin panel for apps written in node.js
tslib - Runtime library for TypeScript helpers.
vite - Next generation frontend tooling. It's fast!
sharedworker - A small spec. compliant polyfill for SharedWorkers, it acts as a drop in replacement for normal Workers.
Strapi - π Strapi is the leading open-source headless CMS. Itβs 100% JavaScript/TypeScript, fully customizable and developer-first.
pretty-bytes - Convert bytes to a human readable string: 1337 β 1.34 kB
create-t3-app - The best way to start a full-stack, typesafe Next.js app