25 Minutes to Change a Button Color | Marek Honzal Migrating 15 React apps from Webpack to Rspack, and what I learned shipping the microfrontend architecture I disagreed with.

25 minutes to change a button color.

one css property. six steps across multiple repos. webpack, craco, gulp - configs nobody dared touch.

migrated 15 react apps to #rspack. shipped #microfrontend i argued against. wrote about what worked, what didn't, and the trade-offs

#modulefederation

2025-11-05のJS: Storybook 10、Turborepo 2.6(Microfrontend)、 redux-toolkit v2.10.0とImmerのパフォーマンス改善 JSer.info #754 - Storybook v10.0.0がリリースされました。 * Release v10.0.0 · storybookjs/storybook ESM-onlyに変更してインストールサイズを29%削減し、distコードをunminify化しています。新しい機能として、Module automockingのサポート、TypesafeなCSF factories、タグフィルター機能の改善が含まれています。 また、Next 16、Vitest 4、Svelte非同期コンポーネントへの対応なども追加されています。 * * * Turborepo 2.6がリリースされました。 * Turborepo 2.6 | Turborepo Microfrontendサポートとして、ローカル開発用のパスレベルのルーティングを定義できる`microfrontends.json`が追加されました。 VercelのMicrofrontendsサポートの一環として提供されています。また、Bunのサポート、TUIの改善なども含まれています。 * * * Redux Toolkit v2.10.0がリリースされました。 * Release v2.10.0 · reduxjs/redux-toolkit ReduxのメンテナーがImmerのパフォーマンス改善を行い、Immer 10.2.0にアップデートしています。 次のIssueでImmerのパフォーマンス問題について調査されています。 * Immer perf appears to have gotten worse over time, based on updated benchmarks · Issue #1152 · immerjs/immer このアップデートにより、Immerのパフォーマンス問題が改善されています。 * * * ### JSer.infoをサポートするには * 😘 知り合いにJSer.infoをおすすめする * ❤️ GitHub Sponsorsで@azuのスポンサーになる * 🐦 X(Twitter)で@jser_infoをフォローする ### JSer.info Sponsors **JSer.info Sponsors** はGitHub SponsorsとしてJSer.infoを支援してくれている方々です。 * * * # ヘッドライン * * * ## Release v10.0.0 · storybookjs/storybook github.com/storybookjs/storybook/releases/tag/v10.0.0 storybook ReleaseNote Storybook v10.0.0リリース。 ESM-onlyに変更してインストールサイズを29%削減、distコードをunminify化。 Module automockingのサポート、TypesafeなCSF factories、タグフィルター機能の改善。 Next 16/Vitest 4/Svelte非同期コンポーネント対応など * * * ## Turborepo 2.6 | Turborepo turborepo.com/blog/turbo-2-6 JavaScript Tools ReleaseNote Turborepo 2.6リリース。 Microfrontendサポートとして、ローカル開発用のパスレベルのルーティングを定義できる`microfrontends.json`を追加。 Bunのサポート、TUIの改善など * * * ## Electron 39.0.0 | Electron www.electronjs.org/blog/electron-39-0 Electron ReleaseNote Electron 39.0.0リリース。 Chromium 142/Node.js 22.20/V8 14.2へアップグレード。 ASAR integrityがStableに、`window.open`のポップアップは常にサイズが変更可能になるなど * * * ## New in Chrome 142 | Blog | Chrome for Developers developer.chrome.com/blog/new-in-chrome-142?hl=en Chrome ReleaseNote Chrome 142リリース。 `:target-before`/`:target-after`疑似クラスの追加、Style Container Queriesと`if()`関数でのレンジ構文のサポート。 `interestfor`属性の追加、`document.activeViewTransition`プロパティの追加。 WebGPUの`primitive_index`機能とテクスチャ形式tier1/tier2のサポート。 ローカルネットワークへのリクエストに許可 プロンプトが表示されるようになるなど * Chrome 142 | Release notes | Chrome for Developers * * * ## Release v2.10.0 · reduxjs/redux-toolkit github.com/reduxjs/redux-toolkit/releases/tag/v2.10.0 redux performance library ReleaseNote Redux Toolkit v2.10.0リリース。 Immerのパフォーマンス改善を行いImmer 10.2.0にアップデートなど * Immer perf appears to have gotten worse over time, based on updated benchmarks · Issue #1152 · immerjs/immer * * * ## Announcing Rspack 1.6 - Rspack rspack.rs/blog/announcing-1-6 rspack ReleaseNote Rspack 1.6リリース。 Dynamic importのTree Shakingを改善、import deferのサポート。 ESM出力の改善する`EsmLibraryPlugin`を追加、Barrelファイルの最適化をデフォルト有効化、layer機能の安定化。 ビルド時にJSX構文を保持オプションを追加、Source Mapを抽出する`extractSourceMap`オプションを追加。 Rsbuild 1.6では、ブラウザのエラーログをターミナル転送できるように、Rslib 1.6ではtypescript-goベースの型宣言ファイルの生成をサポートなど * * * # アーティクル * * * ## Introducing TanStack Start Middleware – Frontend Masters Blog frontendmasters.com/blog/introducing-tanstack-start-middleware/ JavaScript article TanStack Startのmiddlewareについて * * * ## I Built the Same App 10 Times: Evaluating Frameworks for Mobile Performance | Loren Stewart www.lorenstew.art/blog/10-kanban-boards/ JavaScript performance article 10個のフレームワークで同じカンバンアプリを作成してモバイルパフォーマンスを比較した記事。 バンドルサイズ。モバイル環境でのパフォーマンス、MPAとSPA、React以外の選択肢についてなど * * * ## Node.js — Node.js v22 to v24 nodejs.org/en/blog/migrations/v22-to-v24 nodejs article Node.js v22からv24の変更とマイグレーションツールについて * * * ## The Inner Workings of JavaScript Source Maps www.polarsignals.com/blog/posts/2025/11/04/javascript-source-maps-internals sourcemap article Source Maoの仕組みについて。 Source Mapの形式やVLQエンコーディングの仕組みにについて * * * # ソフトウェア、ツール、ライブラリ関係 * * * ## TanCN - Form and Table Builder tancn.dev/ JavaScript Tools UI TanStackを使ったフォームビルダー * * * ## Triplex Goes Open Source and Moves to Poimandres • Triplex triplex.dev/blog/triplex-moves-to-pmndrs React 3D library Tools Reactで3Dコンポーネントを作成するツール * pmndrs/triplex: The open source visual workspace for React / Three Fiber. Build the 2D and 3D web. * * * ## @remix-run/node-fetch-server - npm www.npmjs.com/package/@remix-run/node-fetch-server nodejs HTTP server library Fetch APIの`Request`/`Response`を使ったHTTPサーバライブラリ。

Hey @nx.dev, your #angular #rspack looks really promising, but we do need more documentation, not just the automagic conversion from webpack.

Converted a somewhat large code base from #webpack to #rspack recently and saw the build time go from ~40s to ~2s!

The overall package size increased slightly 🫣 (any tips here?) but the build time saved is a big win.

#rust #webdev

Heard some buzz about Rspack @ the ByteDance Open Source Developer Summit back in November. Apparently it's a Rust-based bundler that's really fast, especially for bigger React projects. Anyone tried it out yet?🤔 #ReactJS #Rspack #BuildTools #ByteDance #opensource #react #Rust #opensourcesoftware

Supply Chain Attack Hits Rspack, Vant npm Packages with Monero Miner Follow us on Bluesky, Twitter (X) and Facebook at @Hackread

Supply Chain Attack Hits Rspack, Vant npm Packages with Monero Miner
hackread.com/supply-chain...

#Infosec #Security #Cybersecurity #CeptBiro #SupplyChainAttack #Rspack #Vant #NpmPackages #MoneroMiner

Malicious Rspack, Vant packages published using stolen NPM tokens Three popular npm packages, @rspack/core, @rspack/cli, and Vant, were compromised through stolen npm account tokens, allowing threat actors to publish malicious versions that installed cryptominers.

Malicious Rspack, Vant packages published using stolen NPM tokens
www.bleepingcomputer.com/news/securit...

#Infosec #Security #Cybersecurity #CeptBiro #Rspack #VantPackages #StolenNPMtokens

Rspack npm Packages Compromised with Crypto Mining Malware in Supply Chain Attack Compromised Rspack npm packages exposed 445,000 users weekly to IP tracking and XMRig malware.

#Rspack: a popular alternative to webpack - a JavaScript bundler written in Rust - #npm package with 300,000+ downloads/week version 1.1.7 compromised with attackers injecting cryptocurrency mining malware:
#SoftwareSupplyChainSecurity
👇
thehackernews.com/2024/12/rspa...

GitHub - web-infra-dev/rspack: The fast Rust-based web bundler with webpack-compatible API 🦀️ The fast Rust-based web bundler with webpack-compatible API 🦀️ - web-infra-dev/rspack

#rspack est un clone en 🦀 du terrible #webpack.
Le projet Web Infra Dev propose une collection d'outils principalement en #rust pour le développement front web.

La vie est trop courte pour poireauter dans son dev web.

github.com/web-infra...

2. Automatically convert "" and -- to “” and —. remark-smartypants can do it, but doesn't seem to work with Docusaurus. (?)

3. Support #rspack for much faster builds. Docusaurus bundling is slowww even for relatively small projects.