MSW で加速するフロントエンド開発

みなさん、フロントエンド開発時のモックサーバーは何を使っていますか？モックサーバーといっても様々なアプローチがあると思いますが、最近活用している MSW が便利だったので紹介します。MSW（Mock Service Worker）はブラウザリクエストを Service Worker がインターセプトし、任意のレスポンスを返すことが出来るライブラリです。 次の様な Express 風ハンドラーで、モックレスポンスを表現することができます。なんとこのコードがブラウザで動いてしまいます。 import { setupWorker, rest } from "msw"; const worker = setupWorker( rest.get("https://myapi.dev/csr", (req, res, ctx) => { return res( ctx.json({ title: "C

[enemyoffreedom]

簡易に使えるモックサーバ

[daaaaaai]

便利

[arc_at_dmz]

よさそう。Next.js + SWR + MSW で勝てそう。

[rlho]

“MSW（Mock Service Worker）はブラウザリクエストを Service Worker がインターセプトし、任意のレスポンスを返すことが出来るライブラリ”

[berlysia]

MSW(Mock Service Worker)というライブラリを活用したWebフロントエンド開発の利点。"SSR / CSR に両対応" "ローカル開発・テスト・Storybook どこでも適用可能"