guide.elm-lang.org VS UglifyJS2

If you look at the repo for that guide (https://github.com/evancz/guide.elm-lang.org), the description and README clearly state that this is his book on learning Elm, so for me it makes complete sense that it is in the I-form. Maybe the fact that it's linked from the official Elm page without any mention of that causes a feeling of disconnect for you.

An Introduction to Elm (HTML)

I am continually perplexed how poor the official documentation is for Elm (https://guide.elm-lang.org). I love the language, I really enjoy working with it, but where does one go to see the complete API? In particular right now I'm trying to find more on setting various events and accessibility attributes in forms, and this is all I see on the official docs: https://guide.elm-lang.org/architecture/forms.html. Not even a label example on a form page? How is this considered good documentation for a language that has been around for a decade? Is there some secret handshake I need to learn to get access to more in-depth documentation of the language?

I think a good first step would be getting familiar with functional programming in general. I recommend working through the Elm Guide, which will get you acquainted with functional programming idioms and working with immutable data. Then, move on to an introductory Haskell resources, such as Write Yourself a Scheme in 48 Hours. After that, hit up CodeWars and start solving puzzles in Haskell.

I think The Elm Guide does a very good job.

Check out Elm. Page 4 of the intro guide I linked offers something close, which you could build upon to create what you want there.

My advice is to follow the elm official guide. Anyway, any doubt you may have, ping me (gabber) on Elm official slack or write to #beginners channel!

This guide will help you learn and migrate to Elm with assumption you already know the basics of React. The Elm guide is great and will give you a thorough understanding of everything you need to know, in a good order.

Elm Introduction: https://guide.elm-lang.org/

The official Elm guide

Minification involves removing unnecessary characters, whitespace, and comments from code files. It helps reduce HTML, CSS, JavaScript, etc., file sizes without compromising functionality. Removing redundant elements makes these HTML, JavaScript, and CSS files smaller. Since smaller code files need less internet traffic to transfer, they load faster. Utilizing tools like UglifyJS, Clean-CSS, and HTMLMinifier enhances this process of code reduction. They analyze the code, remove redundant code, and generate optimized files for deployment.

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.

Minification: UglifyJS, Terser

There are a bunch of libraries that do this, but my current go to is Uglify: https://www.npmjs.com/package/uglify-js

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.

In my understanding, UglifyJS 3 is the most popular JavaScript minifier tool presently -- it has a very high weekly download too. And as per the official documentation, it supports ES6.

I'm thinking reverse-engineered uglified js code (https://github.com/mishoo/UglifyJS) is not as impenetrable as code from reversed engineered wasm binaries? The element of plausible deniability is much more potent though, for the nefarious actor on the other side.

Program: uglifyjs Arguments: $FileName$ -c -m -o $FileNameWithoutExtension$.min.js

Apart from terser, you can also use uglify-js to compress or minify javascript.

Uglify