Mirage JS

GuidesTutorialAPIQuickstartsREPLBuild complete frontend features, even if your API doesn't exist.Mirage JS is an API mocking library that lets you build, test and share a complete working JavaScript application without having to rely on any backend services.Start the TutorialRead the Docs Create a ServerCreate a serverUse the databaseSeed with factoriesWrite UI testsMirage runs alongside the rest of your frontend JavaScript code — no new server processes or terminal windows needed. Use the devtools you know and love to write UI code that's ready for the network.The best DX for frontend development.Say goodbye to configuring painful backend environments just to hack on your UI. Mirage runs alongside the rest of your frontend code, so there’s no new infrastructure for you to learn.New collaborators can clone your frontend codebase, run npm install, and have a complete local offline dev environment up and running in seconds – no environment variables or auth tokens needed.import React from "react" import ReactDOM from "react-dom" import App from "./App" import { createServer } from "miragejs" createServer({ routes() { this.namespace = "api" this.get("/todos", ({ db }) => { return db.todos }) }, }) ReactDOM.render(<App />, document.getElementById("root"))We’ve been using Mirage at Heroku since 2015 on critical customer-facing apps. It's enabled our team to grow without sacrificing speed in either our development or testing workflows.For me, the real magic of Mirage is that it let…