[{"1":2,"713":714,"715":714},"loaderData",{"3":4,"13":14,"698":699},"root",{"5":6,"7":8,"9":10,"11":12},"colorScheme","system","host","remix.run","isProductionHost",true,"noIndex",false,"routes/docs.$lang.$ref",{"15":16,"682":683,"687":684,"688":689,"690":691,"693":694,"695":696,"697":12},"menu",[17,45,100,143,210,283,434,489,538],{"18":19,"24":25,"26":27,"28":12,"29":30},"attrs",{"20":21,"22":23},"title","Tutorials","order",1,"filename","docs/tutorials/index.md","slug","tutorials","hasContent","children",[31,38],{"18":32,"24":35,"26":36,"28":10,"29":37},{"20":33,"22":34},"Blog Tutorial (short)",3,"docs/tutorials/blog.md","tutorials/blog",[],{"18":39,"24":42,"26":43,"28":10,"29":44},{"20":40,"22":41},"App Tutorial (long)",4,"docs/tutorials/jokes.md","tutorials/jokes",[],{"18":46,"24":49,"26":50,"28":12,"29":51},{"20":47,"22":48},"Pages",2,"docs/pages/index.md","pages",[52,58,64,72,80,87,94],{"18":53,"24":55,"26":56,"28":10,"29":57},{"20":54,"22":23},"Philosophy","docs/pages/philosophy.md","pages/philosophy",[],{"18":59,"24":61,"26":62,"28":10,"29":63},{"20":60,"22":48},"Technical Explanation","docs/pages/technical-explanation.md","pages/technical-explanation",[],{"18":65,"24":69,"26":70,"28":10,"29":71},{"20":66,"67":68,"22":34},"Remix Stacks","description","The quickest way to get rocking and rolling with Remix","docs/pages/stacks.md","pages/stacks",[],{"18":73,"24":77,"26":78,"28":10,"29":79},{"20":74,"67":75,"22":76},"Contributing","Thank you for contributing to Remix! Here's everything you need to know before you open a pull request.",6,"docs/pages/contributing.md","pages/contributing",[],{"18":81,"24":84,"26":85,"28":10,"29":86},{"20":82,"67":83},"Community","Community resources for learning Remix and related technologies","docs/pages/community.md","pages/community",[],{"18":88,"24":91,"26":92,"28":10,"29":93},{"20":89,"67":90},"FAQs","Frequently Asked Questions about Remix","docs/pages/faq.md","pages/faq",[],{"18":95,"24":97,"26":98,"28":10,"29":99},{"20":96},"Gotchas","docs/pages/gotchas.md","pages/gotchas",[],{"18":101,"24":104,"26":105,"28":12,"29":106},{"20":102,"22":103},"File Conventions",10,"docs/file-conventions/index.md","file-conventions",[107,114,120,126,131,137],{"18":108,"24":111,"26":112,"28":10,"29":113},{"20":109,"110":12},"entry.client","toc","docs/file-conventions/entry.client.md","file-conventions/entry.client",[],{"18":115,"24":117,"26":118,"28":10,"29":119},{"20":116,"110":12},"entry.server","docs/file-conventions/entry.server.md","file-conventions/entry.server",[],{"18":121,"24":123,"26":124,"28":10,"29":125},{"20":122},"remix.config.js","docs/file-conventions/remix-config.md","file-conventions/remix-config",[],{"18":127,"24":128,"26":129,"28":10,"29":130},{"20":3,"110":12},"docs/file-conventions/root.md","file-conventions/root",[],{"18":132,"24":134,"26":135,"28":10,"29":136},{"20":133},"Route File Naming (v2)","docs/file-conventions/route-files-v2.md","file-conventions/route-files-v2",[],{"18":138,"24":140,"26":141,"28":10,"29":142},{"20":139},"Route File Naming","docs/file-conventions/routes-files.md","file-conventions/routes-files",[],{"18":144,"24":147,"26":148,"28":10,"29":149},{"20":145,"22":146},"Route Module API",11,"docs/route/index.md","route",[150,156,162,168,174,180,186,192,198,204],{"18":151,"24":153,"26":154,"28":10,"29":155},{"20":152},"action","docs/route/action.md","route/action",[],{"18":157,"24":159,"26":160,"28":10,"29":161},{"20":158},"CatchBoundary","docs/route/catch-boundary.md","route/catch-boundary",[],{"18":163,"24":165,"26":166,"28":10,"29":167},{"20":164},"Component","docs/route/component.md","route/component",[],{"18":169,"24":171,"26":172,"28":10,"29":173},{"20":170},"ErrorBoundary","docs/route/error-boundary.md","route/error-boundary",[],{"18":175,"24":177,"26":178,"28":10,"29":179},{"20":176},"handle","docs/route/handle.md","route/handle",[],{"18":181,"24":183,"26":184,"28":10,"29":185},{"20":182},"headers","docs/route/headers.md","route/headers",[],{"18":187,"24":189,"26":190,"28":10,"29":191},{"20":188},"links","docs/route/links.md","route/links",[],{"18":193,"24":195,"26":196,"28":10,"29":197},{"20":194},"loader","docs/route/loader.md","route/loader",[],{"18":199,"24":201,"26":202,"28":10,"29":203},{"20":200},"meta","docs/route/meta.md","route/meta",[],{"18":205,"24":207,"26":208,"28":10,"29":209},{"20":206},"shouldRevalidate","docs/route/should-revalidate.md","route/should-revalidate",[],{"18":211,"24":214,"26":215,"28":12,"29":216},{"20":212,"22":213},"Components",12,"docs/components/index.md","components",[217,223,229,235,241,247,253,259,265,271,277],{"18":218,"24":220,"26":221,"28":10,"29":222},{"20":219,"110":12},"Await","docs/components/await.md","components/await",[],{"18":224,"24":226,"26":227,"28":10,"29":228},{"20":225},"Form","docs/components/form.md","components/form",[],{"18":230,"24":232,"26":233,"28":10,"29":234},{"20":231},"Link","docs/components/link.md","components/link",[],{"18":236,"24":238,"26":239,"28":10,"29":240},{"20":237,"110":12},"Links","docs/components/links.md","components/links",[],{"18":242,"24":244,"26":245,"28":10,"29":246},{"20":243,"110":12},"LiveReload","docs/components/live-reload.md","components/live-reload",[],{"18":248,"24":250,"26":251,"28":10,"29":252},{"20":249,"110":12},"Meta","docs/components/meta.md","components/meta",[],{"18":254,"24":256,"26":257,"28":10,"29":258},{"20":255,"110":12},"NavLink","docs/components/nav-link.md","components/nav-link",[],{"18":260,"24":262,"26":263,"28":10,"29":264},{"20":261,"110":12},"Outlet","docs/components/outlet.md","components/outlet",[],{"18":266,"24":268,"26":269,"28":10,"29":270},{"20":267,"110":12},"PrefetchPageLinks","docs/components/prefetch-page-links.md","components/prefetch-page-links",[],{"18":272,"24":274,"26":275,"28":10,"29":276},{"20":273,"110":12},"Scripts","docs/components/scripts.md","components/scripts",[],{"18":278,"24":280,"26":281,"28":10,"29":282},{"20":279},"ScrollRestoration","docs/components/scroll-restoration.md","components/scroll-restoration",[],{"18":284,"24":287,"26":288,"28":12,"29":289},{"20":285,"22":286},"Hooks",13,"docs/hooks/index.md","hooks",[290,296,302,308,314,320,326,332,338,344,350,356,362,368,374,380,386,392,398,404,410,416,422,428],{"18":291,"24":293,"26":294,"28":10,"29":295},{"20":292,"110":12},"useActionData","docs/hooks/use-action-data.md","hooks/use-action-data",[],{"18":297,"24":299,"26":300,"28":10,"29":301},{"20":298,"110":12},"useAsyncError","docs/hooks/use-async-error.md","hooks/use-async-error",[],{"18":303,"24":305,"26":306,"28":10,"29":307},{"20":304,"110":12},"useAsyncValue","docs/hooks/use-async-value.md","hooks/use-async-value",[],{"18":309,"24":311,"26":312,"28":10,"29":313},{"20":310,"110":12},"useBeforeUnload","docs/hooks/use-before-unload.md","hooks/use-before-unload",[],{"18":315,"24":317,"26":318,"28":10,"29":319},{"20":316,"110":12},"useFetcher","docs/hooks/use-fetcher.md","hooks/use-fetcher",[],{"18":321,"24":323,"26":324,"28":10,"29":325},{"20":322,"110":12},"useFetchers","docs/hooks/use-fetchers.md","hooks/use-fetchers",[],{"18":327,"24":329,"26":330,"28":10,"29":331},{"20":328},"useFormAction","docs/hooks/use-form-action.md","hooks/use-form-action",[],{"18":333,"24":335,"26":336,"28":10,"29":337},{"20":334,"110":12},"useHref","docs/hooks/use-href.md","hooks/use-href",[],{"18":339,"24":341,"26":342,"28":10,"29":343},{"20":340,"110":12},"useLoaderData","docs/hooks/use-loader-data.md","hooks/use-loader-data",[],{"18":345,"24":347,"26":348,"28":10,"29":349},{"20":346,"110":12},"useLocation","docs/hooks/use-location.md","hooks/use-location",[],{"18":351,"24":353,"26":354,"28":10,"29":355},{"20":352,"110":12},"useMatches","docs/hooks/use-matches.md","hooks/use-matches",[],{"18":357,"24":359,"26":360,"28":10,"29":361},{"20":358,"110":12},"useNavigate","docs/hooks/use-navigate.md","hooks/use-navigate",[],{"18":363,"24":365,"26":366,"28":10,"29":367},{"20":364,"110":12},"useNavigation","docs/hooks/use-navigation.md","hooks/use-navigation",[],{"18":369,"24":371,"26":372,"28":10,"29":373},{"20":370,"110":12},"useNavigationType","docs/hooks/use-navigation-type.md","hooks/use-navigation-type",[],{"18":375,"24":377,"26":378,"28":10,"29":379},{"20":376,"110":12},"useOutlet","docs/hooks/use-outlet.md","hooks/use-outlet",[],{"18":381,"24":383,"26":384,"28":10,"29":385},{"20":382,"110":12},"useOutletContext","docs/hooks/use-outlet-context.md","hooks/use-outlet-context",[],{"18":387,"24":389,"26":390,"28":10,"29":391},{"20":388,"110":12},"useParams","docs/hooks/use-params.md","hooks/use-params",[],{"18":393,"24":395,"26":396,"28":10,"29":397},{"20":394,"110":12},"useResolvedPath","docs/hooks/use-resolved-path.md","hooks/use-resolved-path",[],{"18":399,"24":401,"26":402,"28":10,"29":403},{"20":400,"110":12},"useRevalidator","docs/hooks/use-revalidator.md","hooks/use-revalidator",[],{"18":405,"24":407,"26":408,"28":10,"29":409},{"20":406,"110":12},"useRouteError","docs/hooks/use-route-error.md","hooks/use-route-error",[],{"18":411,"24":413,"26":414,"28":10,"29":415},{"20":412,"110":12},"useRouteLoaderData","docs/hooks/use-route-loader-data.md","hooks/use-route-loader-data",[],{"18":417,"24":419,"26":420,"28":10,"29":421},{"20":418,"110":12},"useSearchParams","docs/hooks/use-search-params.md","hooks/use-search-params",[],{"18":423,"24":425,"26":426,"28":10,"29":427},{"20":424,"110":12},"useSubmit","docs/hooks/use-submit.md","hooks/use-submit",[],{"18":429,"24":431,"26":432,"28":10,"29":433},{"20":430},"useTransition","docs/hooks/use-transition.md","hooks/use-transition",[],{"18":435,"24":438,"26":439,"28":12,"29":440},{"20":436,"22":437},"Utilities",14,"docs/utils/index.md","utils",[441,447,453,459,465,471,477,483],{"18":442,"24":444,"26":445,"28":10,"29":446},{"20":443},"Cookies","docs/utils/cookies.md","utils/cookies",[],{"18":448,"24":450,"26":451,"28":10,"29":452},{"20":449,"110":12},"defer","docs/utils/defer.md","utils/defer",[],{"18":454,"24":456,"26":457,"28":10,"29":458},{"20":455,"110":12},"json","docs/utils/json.md","utils/json",[],{"18":460,"24":462,"26":463,"28":10,"29":464},{"20":461},"unstable_parseMultipartFormData","docs/utils/parse-multipart-form-data.md","utils/parse-multipart-form-data",[],{"18":466,"24":468,"26":469,"28":10,"29":470},{"20":467,"110":12},"redirect","docs/utils/redirect.md","utils/redirect",[],{"18":472,"24":474,"26":475,"28":10,"29":476},{"20":473},"Sessions","docs/utils/sessions.md","utils/sessions",[],{"18":478,"24":480,"26":481,"28":10,"29":482},{"20":479,"110":12},"unstable_createFileUploadHandler","docs/utils/unstable-create-file-upload-handler.md","utils/unstable-create-file-upload-handler",[],{"18":484,"24":486,"26":487,"28":10,"29":488},{"20":485,"110":12},"unstable_createMemoryUploadHandler","docs/utils/unstable-create-memory-upload-handler.md","utils/unstable-create-memory-upload-handler",[],{"18":490,"24":493,"26":494,"28":12,"29":495},{"20":491,"22":492},"Other API",15,"docs/other-api/index.md","other-api",[496,502,508,514,520,526,532],{"18":497,"24":499,"26":500,"28":10,"29":501},{"20":498,"22":23},"@remix-run/dev (CLI)","docs/other-api/dev.md","other-api/dev",[],{"18":503,"24":505,"26":506,"28":10,"29":507},{"20":504,"22":48},"@remix-run/{adapter}","docs/other-api/adapter.md","other-api/adapter",[],{"18":509,"24":511,"26":512,"28":10,"29":513},{"20":510,"110":12,"22":34},"@remix-run/serve","docs/other-api/serve.md","other-api/serve",[],{"18":515,"24":517,"26":518,"28":10,"29":519},{"20":516,"110":12},"Asset Imports","docs/other-api/asset-imports.md","other-api/asset-imports",[],{"18":521,"24":523,"26":524,"28":10,"29":525},{"20":522},"Web Fetch API","docs/other-api/fetch.md","other-api/fetch",[],{"18":527,"24":529,"26":530,"28":10,"29":531},{"20":528},"@remix-run/node","docs/other-api/node.md","other-api/node",[],{"18":533,"24":535,"26":536,"28":10,"29":537},{"20":534,"110":12},"React Router v6","docs/other-api/react-router.md","other-api/react-router",[],{"18":539,"24":542,"26":543,"28":12,"29":544},{"20":540,"22":541},"Guides",16,"docs/guides/index.md","guides",[545,551,557,563,569,575,582,588,594,600,606,612,618,625,632,638,644,650,656,663,670,676],{"18":546,"24":548,"26":549,"28":10,"29":550},{"20":547},"Accessibility","docs/guides/accessibility.md","guides/accessibility",[],{"18":552,"24":554,"26":555,"28":10,"29":556},{"20":553},"API Routes","docs/guides/api-routes.md","guides/api-routes",[],{"18":558,"24":560,"26":561,"28":10,"29":562},{"20":559,"110":12},"Backend For Frontend","docs/guides/bff.md","guides/bff",[],{"18":564,"24":566,"26":567,"28":10,"29":568},{"20":565},"Browser Support","docs/guides/browser-support.md","guides/browser-support",[],{"18":570,"24":572,"26":573,"28":10,"29":574},{"20":571},"Module Constraints","docs/guides/constraints.md","guides/constraints",[],{"18":576,"24":579,"26":580,"28":10,"29":581},{"20":577,"67":578},"Data Loading","One of the primary features of Remix is simplifying interactions with the server to get data into components. This document will help you get the most out of data loading in Remix.","docs/guides/data-loading.md","guides/data-loading",[],{"18":583,"24":585,"26":586,"28":10,"29":587},{"20":584},"Data Writes","docs/guides/data-writes.md","guides/data-writes",[],{"18":589,"24":591,"26":592,"28":10,"29":593},{"20":590,"110":12},"Deployment","docs/guides/deployment.md","guides/deployment",[],{"18":595,"24":597,"26":598,"28":10,"29":599},{"20":596,"110":12},"Disabling JavaScript","docs/guides/disabling-javascript.md","guides/disabling-javascript",[],{"18":601,"24":603,"26":604,"28":10,"29":605},{"20":602},"Environment Variables","docs/guides/envvars.md","guides/envvars",[],{"18":607,"24":609,"26":610,"28":10,"29":611},{"20":608},"Error Handling","docs/guides/errors.md","guides/errors",[],{"18":613,"24":615,"26":616,"28":10,"29":617},{"20":614},"File Uploads","docs/guides/file-uploads.md","guides/file-uploads",[],{"18":619,"24":622,"26":623,"28":10,"29":624},{"20":620,"67":621},"MDX","Remix makes integrating MDX into your project a breeze with built in routes and \"import\" support.","docs/guides/mdx.md","guides/mdx",[],{"18":626,"24":629,"26":630,"28":10,"29":631},{"20":627,"67":628},"Migrating from React Router","Migrating your React Router app to Remix can be done all at once or in stages. This guide will walk you through an iterative approach to get your app running quickly.","docs/guides/migrating-react-router-app.md","guides/migrating-react-router-app",[],{"18":633,"24":635,"26":636,"28":10,"29":637},{"20":634},"Not Found Handling","docs/guides/not-found.md","guides/not-found",[],{"18":639,"24":641,"26":642,"28":10,"29":643},{"20":640},"Optimistic UI","docs/guides/optimistic-ui.md","guides/optimistic-ui",[],{"18":645,"24":647,"26":648,"28":10,"29":649},{"20":646},"Performance","docs/guides/performance.md","guides/performance",[],{"18":651,"24":653,"26":654,"28":10,"29":655},{"20":652},"Resource Routes","docs/guides/resource-routes.md","guides/resource-routes",[],{"18":657,"24":660,"26":661,"28":10,"29":662},{"20":658,"67":659},"Routing","Routing is at the center of everything Remix does. Dive deeper into the APIs and conventions.","docs/guides/routing.md","guides/routing",[],{"18":664,"24":667,"26":668,"28":10,"29":669},{"20":665,"67":666},"Streaming","When, why, and how to stream with React 18 and Remix's deferred API.","docs/guides/streaming.md","guides/streaming",[],{"18":671,"24":673,"26":674,"28":10,"29":675},{"20":672},"Styling","docs/guides/styling.md","guides/styling",[],{"18":677,"24":679,"26":680,"28":10,"29":681},{"20":678,"110":12},"TypeScript","docs/guides/typescript.md","guides/typescript",[],"versions",[684,685,686],"2.8.1","1.19.3","v0.21.0","latestVersion","releaseBranch","main","branches",[689,692],"dev","currentGitHubRef","1.14.1","lang","en","isLatest","routes/docs.$lang.$ref.$",{"700":701,"709":710,"711":712},"doc",{"18":702,"24":535,"703":704,"26":705,"706":707,"29":708},{"20":534,"110":12},"html","

React Router v6

Remix is built on top of React Router v6. Here are the most common APIs that you'll use in your Remix app:

Most of the other APIs are either used internally by Remix or just aren't commonly needed in your app.

","docs/other-api/react-router","headings",[],[],"siteUrl","https://remix.run/docs/en/1.14.1/other-api/react-router","ogImageUrl","https://remix.run/img/og.1.jpg","actionData",null,"errors"]