Our great sponsors
|6 days ago||8 months ago|
|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.
How to Drag a Shape Along an SVG Ellipse Path: A Step-by-Step Guide
4 projects | dev.to | 5 Jun 2023
Building an Extension System on the Web
7 projects | dev.to | 2 Jun 2023
Bundling extensions — in general, custom extension formats require custom bundling tools. Currently, as it’s still early, I put everything into a single JSON file with Node.js and esbuild bundler, but I’m exploring how to develop a custom Vite plugin for this purpose;
Do not drop Sass for CSS
2 projects | dev.to | 2 Jun 2023
Chris favours using the ESBuild bundler to work out the shortcomings. ESBuild can bundle CSS files into a single CSS file. ESBuild can transform your natively nested CSS to "flat" CSS -- this is important since nesting is not in Firefox currently. Therefore, with the aid of ESBuild, Chris has feature parity for his usage of Sass. The other Sass features like mixins and inheritance do not appeal to Chris.
[AskJS] Advantages of Rollup over other bundlers for creating libraries?
14 projects | news.ycombinator.com | 3 May 2023
Note that `deno bundle` is deprecated. You can almost replace it with esbuild but it currently lacks builtin support for import maps:
deno run --allow-all https://deno.land/x/[email protected]/mod.js --bundle app.js --outfile=bundle.js. # errors, see: https://github.com/evanw/esbuild/issues/2230
xtsz - a TS / JS file runner with support for HTTP/S imports
5 projects | /r/node | 22 Apr 2023
Want to import a package / file conveniently from esm.sh or unpkg or directly from a GitHub repo for a one-off script (for example). To do this I created a custom ESBuild plugin to handle HTTP imports - that worked for ,js files. To support running both ESM and CJS, I use tsx.
Let’s create a Node CLI for generating files from templates!
6 projects | dev.to | 21 Apr 2023
esbuild – is an easy-to-configure bundler,
Building a modern gRPC-powered microservice using Node.js, Typescript, and Connect
15 projects | dev.to | 20 Apr 2023
As we iterate on the definition, we are going to want a better developer experience for rebuilding the package on changes. Typically, for a “library” or “utility” style package, I’d reach for either unbuild’s stub concept or use esbuild/tsup/rollup to implement a more traditional watch/rebuild, but in this case, I’m watching a proto file that lives outsides of the source, which breaks assumptions of those tools.
Svelte frontend vs HTMX and hyperscript
6 projects | /r/golang | 19 Apr 2023
I use ESBuild (https://esbuild.github.io/) as a library for my almost pure Go toolchain, and it covers my requirements for almost 2 years now. ESBuild is the Go tool used in Vite, an incredible tool that I stopped using when I discovered that ESBuild covered all my needs.
Buildless workflow through import maps (featuring Lit, Shoelace and more)
2 projects | dev.to | 12 Apr 2023
As we can see, we have two external dependencies and one internal tool. In the modern way of packaging our application, we would be of course required to package this project using some bundler like ESBuild or Rollup. But with import maps, we can instead utilize CDN's to deliver our packages and completely eliminate the bundling step.
Rails Frontend Bundling - Which one should I choose?
5 projects | dev.to | 22 May 2023
14 projects | news.ycombinator.com | 3 May 2023
We Added Package.json Support to Deno
2 projects | news.ycombinator.com | 20 Mar 2023
Bare specifiers has been the tragedy of ESM. Nice module syntax... that is utterly u deoyable & which has had to have awful de-modularizing specifiers hard-coded into each file to make it work. Abominable sin to introduce "modules" to JS/es2015 then spend a decade dragging everyone along with no story for how to have modular modules.
Import-maps are like "here" to fix this on the web... finally... except they only are shipping to the happiest sunniest easiest case, with Web Workers being totally shit out of luck in spite of some very simple straightforward suggested paths forward. https://github.com/WICG/import-maps/issues/2
I think Deno is making pretty good tradeoffs along the way here. This looks like package.json at surface level, but there is a nightmare of complexity under the surface. Typescript, ESM, cjs all have various pressures they create & in Node it's just incredibly tight & tense dealing with packaging, where-as Deno's happy path of Typescript first does not slowly tatters one over time. It really has been super pleasant being free of the previous world, and having something much more web-platform centric, more intented, with less assembly & less building, and more doing the actual coding.
I really hope import-maps eventually get broader support. Maybe this long-dwelling webworker issue should be brought up with WinterCG.
Import maps 101
3 projects | dev.to | 10 Jan 2023
Import maps proposal
You Might Not Need Module Federation: Orchestrate your Microfrontends at Runtime with Import Maps
8 projects | dev.to | 5 Jan 2023
The concept of Import Maps was born in 2018 and made its long way until it was declared a new web standard implemented by Chrome in 2021 and some other browsers.
Deno 1.28: Featuring 1.3M New Modules
12 projects | news.ycombinator.com | 14 Nov 2022
Huh. I was about to complain that this breaks with web standards, but apparently it's being proposed as a standard feature: https://github.com/WICG/import-maps
WebKit Features in Safari 16.1
2 projects | news.ycombinator.com | 24 Oct 2022
4 projects | dev.to | 5 Oct 2022
Since developers were already familiar with this way of importing packages from npm, a build step was needed to ensure that code written in this manner could run in a browser. This problem was solved by import maps. Essentially, it allows the mapping of import specifiers to a relative or absolute URL, which helps to control the resolution of the module without the application of a build step.
ES Modules & Import Maps: Back to the Future
5 projects | dev.to | 24 Sep 2022
Gladly, no! Because we could write an import-map!
How bad is it to not use a bundler?
2 projects | /r/webdev | 23 Aug 2022
Indeed, import maps seems to be the way to go.
What are some alternatives?
swc - Rust-based platform for the Web
vite - Next generation frontend tooling. It's fast!
Rollup - Next-generation ES module bundler
parcel - The zero configuration build tool for the web. 📦🚀
tsup - The simplest and fastest way to bundle your TypeScript libraries.
ts-node - TypeScript execution and REPL for node.js
Tailwind CSS - A utility-first CSS framework for rapid UI development.
PostCSS - Transforming styles with JS plugins
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
ts-jest - A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript.