size-limit
chartist
Our great sponsors
size-limit | chartist | |
---|---|---|
6 | 5 | |
6,411 | 13,314 | |
- | 0.1% | |
8.6 | 0.0 | |
about 1 month ago | 26 days 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.
size-limit
-
How to build tree-shakeable JavaScript libraries
However, you can use the Size Limit library to control the size of a bundle or individual exports. Here’s an example configuration:
-
Trim the fat: tips for keeping bundle size small 🏋️
It's always good to keep track of these things over time so performance doesn't slide. Parcel, which I used for this project, has a helpful bundle analyzer (similar to the one for Webpack) that gives a nice visual overview of a project's bundle. This is especially helpful for identifying bundled dead code coming from packages that could be avoided with tree-shaking. There are also plenty of tools you can integrate with CI to enforce bundle size.
-
Understanding nouns with tinyplural
TSDX is a great package for npm packages like this and even bundles with size-limit to check your gzipped final bundle size. Keeping a tiny package was really important to me so there are 0 dependencies and size-limit made me realise that simplifying all of my checking functions into 1 or 2 core functions that took options would be a better strategy and help reduce the code size.
-
Codebytes: Shorter UUIDs with collision prediction using nanoid
Small. 130 bytes (minified and gzipped). No dependencies Size Limit controls the size.
-
7 Trending projects on GitHub for JavaScript developers
Size Limit is a performance budget tool for JavaScript. It checks every commit on CI, calculates the real cost of your JS for end-users, and throws an error if the cost exceeds the limit. Link: https://github.com/ai/size-limit
-
Egghead's State Management Portfolio Club Journey - Week 1: An RDD Approach
-Mark Erikson and Joel Hooks talk on Redux -When and when not to reach for Redux -Redux Introduction -Egghead course by Dan Abramov on Fundamentals of Redux -RDD article by Tom Preston Werner -Another Article on RDD -Article on writing a great Readme -RDD Readme Example: size-limit
chartist
-
Chartist: Simple Responsive Charts in SVG
The author went through the effort of creating a marketing site with documentation and examples.
https://gionkunz.github.io/chartist-js/
-
How to build tree-shakeable JavaScript libraries
(Full disclosure: this is a real-world design decision from Chartist, an open-source data visualization library I maintain and contribute to.)
What are some alternatives?
GrapesJS - Free and Open source Web Builder Framework. Next generation tool for building templates without coding
vue-svg-pan-zoom - Vue component using SvgPanZoom
tsdx - Zero-config CLI for TypeScript package development
hexboard-svg-react-ts - Generating SVG Hex Gameboards
tsdx - Zero-config CLI for TypeScript package development [Moved to: https://github.com/jaredpalmer/tsdx]
plot - A concise API for exploratory data visualization implementing a layered grammar of graphics
nanoid.
vega-lite - A concise grammar of interactive graphics, built on Vega.
Plyr - A simple HTML5, YouTube and Vimeo player
three.js - JavaScript 3D Library.
nanoid - A tiny (124 bytes), secure, URL-friendly, unique string ID generator for JavaScript
mammoth.js - Convert Word documents (.docx files) to HTML