#htmx needs a build system so things get over complicated so people can feel they are real #software #engineers.

#webDev #html #javaScript #hypermedia #webpack #rollup #bun #vite

I thought #Docker with #WebPack would be my savior for this work project. Seems that I was dead wrong ☠️

#WebDev

Working to make democratic processes better on a large and small scale, @liquiddemocracy is seeking a frontend developer with a passion for open source software. Learn more on #OSJobHub https://opensourcejobhub.com/job/9604/frontend-developer-m-f-x-with-passion-for-opensource-software/ #Frontend #developer #OpenSource #software #Scrum #Django #Reactjs #Python #Webpack #Git

After researching options for bundling without #webpack I learned #importmap exists in #javascript. I like that #technology moves forward even when I'm not looking, and I can still be pleasantly surprised by how much better something has become in the meantime. I won't allow myself to be embarrassed by someone telling me importmaps were introduced a very long time and I just didn't know about them. 😅

#DailyBloggingChallenge (13/25)

One of my favorite things to do is exploit the DOM (ethical concerns aside).

Lots learn early on if some pesky web component is blocking your view, just delete it in the developer’s tools.

This is usually the spark into what other configurations are possible.

As a #WebDeveloper by trade we are constantly in the developer’s tools trying to understand why certain elements are behaving the way they are - visually or in action. Though we have access to the code base, so it’s easier to understand.

The fun begins when you only have access to the website!

• For one time edits basic DOM manipulations will suffice.
• For simple tasks the console will suffice.
• If you started editing the CSS, you can save your changes and load them next time you visit.
• If you don’t care about #fingerprinting, you can use extensions like #GreaseMonkey or #Stylus.

In the realm of heavy duty modifications, there are a couple of options:

• Write your own #browser extension.
• Write your own library and run it through the console. This permits to offline development in your preferred coding language and you can bundle it either through #webpack or #wasm.
• Host your code on #npmjs, use a CDN bundler, and then preload it via an extension like GreaseMonkey.
• There is also the option to preload your script into the browser’s config, though with each update one has to do this anew, not questioning the potential #security flaws.

Through these possibilities one will learn a lot about vanilla #WebDevelopment and #VanillaJS.

#programming #hacking

I really don't love the idea of billion dependencies just to deploy a simple little #typescript #webapp. I also don't like barely understanding #webpack, and would prefer to get away with using nothing at all. A fun little research project for day. 😀

Who would have thought that it would be quicker to altogether replace webpack with parcel than to upgrade webpack from v4 to v5.

I think I'm going to do this in all the legacy projects I manage going forward.

#webpack #javascript

Anyone here have experience with #WebPack and #React building an extension for #VSCode. Every time I point my _getHtmlForWebview() function to the scriptURI it doesn’t seem to transform the TSX to JavaScript. I’m just sorta stumped since I kinda followed this tutorial and consulted ChatGPT lol https://isamatov.com/create-vscode-extension-with-react/

Just added an additional Nix / @nixos_org setup option to our 'Getting started with Rust and WebAssembly' template, check it out here:

https://grafbase.com/blog/getting-started-with-rust-and-webassembly

#rust #rustlang #wasm #webassembly #nix #nixos #deno #node #webpack

I hate that I'm so easily defeated, and derailed by unimportant shit. I can't tell you how often I find myself stuck in "can't install the PWA". It doesn't matter, it's an optimization, I should just move on and get easier wins. But this is something I've solved in other frameworks, this should be easy, and the fact that it's not just fills me with dread. I kinds of error messages I'm seeing, about server/client doesn't bode well. I'm reminded that I'm deep in #webpack territory again. #nextJS

Just published a post on how you can compile #Rust to #WebAssembly for use with #Webpack, #Nodejs and #Deno. There's also an included repository and CodeSandbox demo. Take a look!

https://grafbase.com/blog/getting-started-with-rust-and-webassembly

#rustlang #node #javascript #typescript #webdev

Webpack?Create React App?No、Vite!! ~ ①コンパイル、バンドル、ビルドを理解しよう ~
https://qiita.com/Yuppe-jp-eng/items/fbe8c1af9779e7ba8f87?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#webpack #React #create_react_app #vite

https://dev.to/pahanperera/react-micro-frontends-with-webpacks-module-federation-32ii - #React #MicroFrontend with #Webpack's module federation. Great post https://github.com/PahanPerera.

Every so often I remember how messy it is to be in the #JavaScript ecosystem. Updating from #React 16 to 17 also requires updating #ESLint which requires updating its plugins (fuck you #AirBnB ), which requires you to update #webpack and it’s loaders/plugins, which requires you update #Babel. This doesn’t even account for any other random libraries you’re using so even then you’ll still end up getting #npm peer dependency errors.

Please tell me there’s a better way…

webpack4からwebpack5に移行しようとして格闘したお話
https://qiita.com/AKITO-927/items/90a55604fc2efa006974?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#初心者向け #フロントエンド #webpack #webpack5

I was thinking about XML, toml and JSON and I realised that they should be small. As long as they are small, they are readable and comprehensible.

Interestingly, XML scales a little bit better because it reminds you of the context when the context ends.

I really like some systems that incorporate inlining the code into their configs, but I'd prefer for it to go the other way — have configs in code.

The way #elixir and #webpack handle configuration is almost perfect.

How webpack and WordPress packages interact. https://developer.wordpress.org/news/2023/04/how-webpack-and-wordpress-packages-interact/ #webpack #WordPressDev

I’m wondering who has tried Vercel’s new Turbopack (replacement for Webpack) and how it compares with Vite.

Any experience with their Turborepo? I’d love to hear about that too!

#Vercel #webpack #turbopack #vite #turborepo

My latest (and greatest) book, JavaScript All-in-One For Dummies, is available now!

Every junior developer or aspiring JS developer needs this book, imho.

The book teaches modern #JavaScript, how browsers work, using #VSCode like a pro, #Git, #prettier, #eslint, #vite, #webpack, #react, #vue, #svelte, #http, #jest, #node, #express, #mongodb, #mongoose, and finishes with a chapter on authentication with #jwt.

It took me 6 months to write and is over 800 pages.

https://amzn.to/3GIMRGX

Thanks to #Webpack, I was able to reduce my 130 kB #TypeScript web app to 280 kB in #JavaScript. 👍