mpa-enhancer
terser
mpa-enhancer | terser | |
---|---|---|
1 | 28 | |
0 | 8,441 | |
- | 0.9% | |
7.2 | 8.9 | |
7 months ago | 18 days ago | |
TypeScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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.
mpa-enhancer
-
Things you forgot because of React
Yeah, for my personal apps I just write offline-first apps. I need to make it so I can build apps as efficient as I can as I don't have a lot of free time. So, I wrote a little library under 1kB that just finds where I left off and re-centers/focuses there. It makes for dead simple applications.[^1]
I also created an HTMX-like library that is focused on forms so it stays to the HTML speck pretty closely. I need to make a couple of corrections to it. But it is amazing how far it can get you and much smaller footprint than HTMX. Granted, it can only do a fraction of what HTMX can do.[^2]
[^1]: https://github.com/jon49/mpa-enhancer
terser
-
How I use Devbox in my Elm projects
These projects use Caddy as my local development server, Dart Sass for converting my Sass files to CSS, elm, elm-format, elm-optimize-level-2, elm-review, elm-test (only in Calculator), ShellCheck to find bugs in my shell scripts, and Terser to mangle and compress JavaScript code.
-
Obfuscating your create react app and routes
During my intial search i came across some outdated libraries like javascript-obfuscator and uglify-js(as if javascript code can get any uglier, am I right?). Then, I stumbled upon Terser, a modern library that supports ES6.
-
10 Bad Habits That Can Slow Down Your JavaScript Applications 🐌
Example: You've got a main.js file that's as long as a Tolstoy novel. Fix: Use tools like UglifyJS or Terser to minify your code. They'll squeeze out all the unnecessary bits and give you a sleeker, faster-loading file.
-
Things you forgot because of React
They can do it, it is just turned off by default and require more advanced configuration.
https://github.com/terser/terser#cli-mangling-property-names...
-
Understanding Source Maps: Simplifying Debugging
Minifying is a common practice for optimizing production code. (for example, using Terser to minify and mangle JavaScript).
-
How To Secure Your JavaScript Applications
Minification: UglifyJS, Terser
-
Minify private methods in a TypeScript class
Terser is JavaScript compressor that can minified specific method names.
-
React Native CI/CD build speed improved by 22% with one line of code
Every release build of React Native uses terser to reduce the size of your JavaScript. And it operation can be omitted for Staging/Beta builds.
-
Setting up a custom toolchain
A minifier makes your code more compact so that it loads faster. Popular minifiers: Terser, swc.
-
Overview of the next-gen frontend dev tools
There are many minifiers such as terser and uglify. But, because minifying also require to parse the JS, it is actually possible to use esbuild and SWC to minify the code. Here's a benchmark of the main minifiers.
What are some alternatives?
htmf - A minimalist partial html swapping library similar to HTMX and other libraries which create an MPA app and enhances it with a focus on HTML forms.
esbuild - An extremely fast bundler for the web
Pentive - Collaborative Spaced Repetition
vite - Next generation frontend tooling. It's fast!
solid-docs - Cumulative documentation for SolidJS and related packages.
UglifyJS2 - JavaScript parser / mangler / compressor / beautifier toolkit
pib - PHP in Browser (powered by WebAssembly)
closure-compiler - A JavaScript checker and optimizer.
webcomponents - Web Components specifications
Sass - Sass makes CSS fun!
Svelte - Cybernetically enhanced web apps
PostCSS - Transforming styles with JS plugins