Working Draft

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen

Working Draft ist der deutschsprachige Podcast für Frontend-Entwicklung, Webdesign und UI Engineering.

Bei uns geht’s um HTML, CSS, JavaScript, Frameworks wie React, Vue und Angular, Responsive Webdesign, User-Interfaces, moderne UI-Patterns, Barrierefreiheit, Tooling, Design-Systeme, Webstandards und mehr.

Unser Team besteht aus erfahrenen Frontend-Entwickler:innen aus Deutschland und Österreich – mit Gästen aus der Praxis, die regelmäßig Einblicke in aktuelle Tech-Themen geben. Ob neue CSS-Features, die Zukunft von JavaScript, KI im Frontend-Workflow oder einfach gute UI-Erfahrungen: Wir reden drüber – jede Woche neu.

Revision 684: Ecosystem Performance (e18e)

Diese Revision plaudern wir mit Alexander Lichter (LinkedIn / Mastodon) und Ulrich-Matthias „Ulima“ Schäfer (LinkedIn) über Ecosystem Performance, kurz „e18e“: Warum es sich lohnt, das JavaScript-Ökosystem aufzuräumen, wie die Community organisiert ist und wo jede:r sofort mitmachen kann.

Schaunotizen

[00:02:00] Ecosystem Performance (e18e)

Im Fokus der e18e-Bewegung stehen die Themen Cleanup, Speedup, Level-Up: alte Dependencies durch moderne, kleinere Alternativen ersetzen (z. B. Lodash-Funktionen/-ES, Tiny Globby statt Globby), Dev-Tooling messbar beschleunigen (u. a. neue Prettier-CLI, schnellere Lint-Setups) und Bibliotheken so gestalten, dass sie klaren Scope haben und aktuelle Node-LTS/ESM-Realität widerspiegeln. Wir sprechen über Grenzen (Deep-Deps, Battle-testing, Baseline-Support), über Publint für saubere Exports und über die neue e18e-CLI, die Codemods und Checks bündelt.

Außerdem: Wie man Einstiegshürden senkt (gute Doku, Replacement-Guides), warum Dev-Dependencies oft den größten Hebel haben, und welche Trade-offs Toolchains heute treiben (ESLint ↔︎ oxlint/Biome, Type-aware-Linting, Plugins in JS vs. Rust/Go). Praxisstories gibt’s zu Renovate, Pre-Commit-Hooks („no-verify“ lässt grüßen) und zu Contribution-Etikette gegenüber Maintainer:innen.

Links

e18e.dev – Website & Guides

Offizielle Infos, Replacement-Guides, Manifest und Community-Einstieg.

github.com/43081j – James Garbutt

Initiator, Maintainer und Treiber vieler e18e-Tools.

publint.dev – Publint

Prüft, ob deine Package-Exports sauber konsumierbar sind (CJS/ESM/Typings).

npmgraph.js.org – npmgraph

Visualisiert Abhängigkeitsbäume und hilft, Ersetzungs-Kandidaten zu finden.

docs.renovatebot.com – Renovate

Automatisiert Dependency-Updates; sinnvoll konfiguriert spart es viel Pflegearbeit.

github.com/antfu/tinyglobby – Tiny Globby

Kleiner, schneller Globbing-Ersatz, häufige Cleanup-Empfehlung.

lodash.com – Lodash

Beispiel für gezieltes Function-Importing bzw. Ersatz durch spezialisierte Utilities.

porffor.dev – Porffor

Experimentelle JS/TS-Engine mit AOT-WASM-Ansatz – spannendes Performance-Forschungsprojekt.

Anhören

MP3 herunterladen (68,2 MB) | Transkript