tsdx
size-limit
tsdx | size-limit | |
---|---|---|
4 | 6 | |
9,061 | 6,418 | |
- | - | |
0.0 | 8.6 | |
over 2 years ago | about 1 month ago | |
JavaScript | JavaScript | |
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.
tsdx
-
TS-CI: A starter for TS projects destined to be published on NPM.
Hi, This is a template for kickstarting a TypeScript project a bit like TSDX or typescript-starter but its specificity is that it isn't a CLI tool. All the automation happens in the GitHub action workflow. It's really focused toward managing the life cycle of a NPM module. It publish on NPM on your behalf when you update the package.json version, it let you publish release candidate, ect... I encourage you to click on "Use this template" and see for yourself :)
-
What are the best Build Tools for JavaScript?
TSdx: Zero-Config CLI For TypeScript Package Development
-
Boilerplates For ReactJS
Tsdx
-
Understanding nouns with tinyplural
To do this I used TSDX which helps scaffold TypeScript libs and started to research how plurals work in English for nouns.
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
What are some alternatives?
react-lineto - Draw a line between two elements in React
GrapesJS - Free and Open source Web Builder Framework. Next generation tool for building templates without coding
react-component-library - A project skeleton to get your very own React Component Library up and running using Rollup, Typescript, SASS + Storybook
tsdx - Zero-config CLI for TypeScript package development
react-Battleship - A Battleship game with a computer opponent based on battleship game theory. Made with React, tested with Jest. See if you can beat it!
Plyr - A simple HTML5, YouTube and Vimeo player
vite - Next generation frontend tooling. It's fast!
nanoid.
alias-hq - The end-to-end solution for configuring, refactoring, maintaining and using path aliases
three.js - JavaScript 3D Library.
nanoid - A tiny (124 bytes), secure, URL-friendly, unique string ID generator for JavaScript