#Development #Tools
Sonda · A visualizer/analyzer for JavaScript and CSS bundles https://ilo.im/164ixj

_____
#CSS #JavaScript #Visualization #Bundlers #Frameworks #Npm #WebDev #Frontend

https://jskatas.org – how relevant is it to really learn and understand #JavaScript?

We have so many layers on top, #TypeScript, #bundlers, #frameworks, #libraries and more.
If you want to go back to the basics and still can take time to explore, learn in depth, spend time pondering over solutions to be found jskatas.org might be for you.

You learn. And if it doesn't stick, you know where to re-learn, that's how I use jskatas.org.

🔴 alert: your 🧠 is needed, not sure AI can help here.

I got a little distracted trying to understand how this page worked and WHAT is this #JavaScript?

It's just assigning a bunch of numbers in the weirdest way possible.

`hh = 10`, so I think this is the format:

584 = 5(10^2) + 8(10^1) + 4

Why you would do this over just the literal? It doesn't seem like anything here is parameterized. Also they clearly haven't heard that the exponentiation operator is baseline now (or even `Math.pow`).

Do any #bundlers generate `!+[]` as an optimization? I can't imagine any other legitimate reason the `Lcd` function would work this way. Did they run some kind of obfuscation tool because these numbers are super important or something? This can't be basic minification techniques.

More than a dozen campaign finance and government watchdog groups are calling for greater #transparency from almost every major presidential candidate about their campaigns’ biggest fundraisers.
— In a letter being sent to 15 campaigns this afternoon ahead of third quarter disclosure reports, the watchdog groups, which span the political spectrum, call on the candidates “to regularly and meaningfully release information about” their campaign #bundlers during the 2024 election.
— “Over the years, the practice of voluntarily sharing information about campaign bundlers has been embraced by Democrats and Republicans alike,” the groups write, noting that the practice has included former Presidents George W. Bush and Barack Obama, as well as now-President Joe Biden and Vice President Kamala Harris during their 2020 campaigns.
— Bundlers often raise truckloads of money for candidates, ranging anywhere from a couple hundred thousand to more than a million dollars, for which they might receive perks and access to candidates.
— While Biden’s campaign disclosed major bundlers during the 2020 race, his reelect has not said whether it will do the same this time around.
— According to the watchdog groups, implementing a “robust bundler disclosure system” involves more than just listing the names of individuals who bundled above a minimum threshold — especially when individuals are legally allowed to write checks as high as seven figures to some joint fundraising committees benefitting presidential candidates and their parties.
— The letter’s signatories want campaigns to provide “meaningful information about how much money each bundler has raised for your presidential campaign such as the exact aggregate amount they have raised to date, which can — and should — be regularly updated” over the course of the race.
— American Promise, Business for America, Campaign Legal Center, Common Cause, Democracy 21, Issue One, League of Women Voters of the United States, Michigan Campaign Finance Network, National Legal and Policy Center, OpenSecrets, Project On Government Oversight, Public Citizen, RepresentUs and Take Back Our Republic Action have all signed on to the letter.
https://www.politico.com/newsletters/politico-influence/2023/10/10/watchdogs-want-more-details-about-2024-candidates-bundlers-00120814

I do have an initial draft of a post about how #web developers confused #bundlers and #BuildSystems and screwed over the entire #tooling ecosystem.

This is kind of the same point, and maybe I just need to finish that damn post.

Hey front-end dev 👩‍🚀!

Would you recommend using vite/rollup as opposed to vue-cli/webpack 5 for an app that is largely used by older mobile phone browsers? The documentation for supporting older browsers is clear but very short and almost seems like it’s not an expected use case.

#vite #rollup #vue #webpack #legacy #bundlers

#WebComponents experience :underheart:

:sadness: Browsers don't have the same baseline styles.
:fatyoshi: 2 hours figuring out how to avoid #frameworks and #bundlers.
:AngeryCat: 3 hours of searching framework anyway, only to stumble upon options that either, like #LitElement, have minified bundle without #TS declaration or, like #StencilJS, require building.
:tinking: Ending up writing my own nano-framework with adoptedStyleSheets #polyfill.

#TIL #JavaScript #buildless #AreWeThereYet